反应本机输入自动填充

时间:2020-07-15 06:55:55

标签: ios reactjs react-native expo

我想知道是否有人知道1.通过本机反应这是可能的,以及2.我将如何实现这一目标。对于应用程序来说,这没什么太关键的,但是拥有它却很不错。当我专注于输入时,我想在键盘上方显示用户(ios)预定的电话号码联系信息,这是关于Safari和其他应用程序中Im正在谈论的内容的图片。 This first image is from Instagram which shows the user email above This second one is from safari, which shows the phone numbers, which is want i want to achieve

这是我输入的电话号码的密码

<TextInput
  keyboardType="decimal-pad"
  placeholder="Phone Number"
  placeholderTextColor="#555555"
  returnKeyType="next"
  selectionColor="#FF5349"
  textContentType="username"
/>

1 个答案:

答案 0 :(得分:0)

autoCompleteType

为系统指定自动完成提示,因此它可以提供 自动填充。在Android上,系统将始终尝试提供自动填充 通过使用启发式方法来识别内容的类型。禁用 自动完成,请将autoCompleteType设置为off

<TextInput
  autoCompleteType="tel" // <-- suggestion for telephone autocompletion
  keyboardType="decimal-pad"
  placeholder="Phone Number"
  placeholderTextColor="#555555"
  returnKeyType="next"
  selectionColor="#FF5349"
  textContentType="username"
/>