react-native - ReactNative textcontenttype iOS 13 问题

Question

我们无法在 React Native 上获得电子邮件、姓名、电话号码建议(自动完成)。有人可以帮助排除故障以查看我们在这里可能做错了什么吗？

https://facebook.github.io/react-native/docs/textinput#textcontenttype

<Input
               placeholder="First Name"
               textContentType="givenName"
               onChangeText={firstname => (onChange('first_name', firstname))}
               value={state.form.first_name}
               autoCapitalize="words"
               placeholderTextColor={'#262626'}
               style={styles.textInput}
             />

Answer 1

它确实适用于 iOS 13。只需使用此处描述的设置，并将它们从 Swift 转换为 React Native:

After updating to iOS 13 suggestion(email, phone number, first name...) for UITextField don't appear above keyboard

对于电话号码:

autoCorrect={true}
textContentType="telephoneNumber"
keyboardType="numbers-and-punctuation"

对于电子邮件:

autoCorrect={true}
textContentType="emailAddress"
keyboardType="email-address"

您需要为 Android 使用不同的键盘类型，因此可能类似于:

keyboardType={(Platform.OS === 'ios') ? "numbers-and-punctuation" : 'phone-pad"}