react-native - 如何在react native中输入确认码

Question

我正在寻找一种方法来为电话身份验证过程构建确认代码按钮，我看到了很多 npm 模块，但这对我不起作用。我只是不知道如何从 react-native 自定义，如果有人有想法，谢谢

我尝试在这里使用这个 npm 模块“react-native-confirmation-code-input”react-native-confirmation-code-input

但这对我不起作用，我有一个空白屏幕......这是我的代码:

import React, {Component} from 'react';
import {View} from 'react-native';
import {Card, CardSection, Input, Button} from '../common';
import CodeInput from 'react-native-confirmation-code-input';

class PhoneForm extends Component {
 constructor(props) {
  super(props)

}
static navigationOptions = {
    header: null,
};


onFulfill(isValid, code) {

}
render() {

return(
   <View>
    <CodeInput
      ref="codeInputRef2"
      keyboardType="numeric"
      codeLength={5}
      className='border-circle'
      compareWithCode='12345'
      autoFocus={false}
      codeInputStyle={{ fontWeight: '800' }}
      onFulfill={(isValid, code) => this.onFullFill(isValid, code)}
/>
   </View>
  );


 }
}


export default PhoneForm;

Answer 1

我也遇到了同样的问题，但是首先你需要导入样式文件，所有问题都会解决。