反应本机输入自动填充答案

【问题标题】：React Native Input Autofill反应本机输入自动填充
【发布时间】：2020-11-04 14:45:44
【问题描述】：

我想知道是否有人知道 1. 这是否可以通过本机反应和 2. 我将如何实现这一目标。它对应用程序来说没有什么太重要的，但它是很好的。当专注于输入时，我想在键盘上方显示用户（ios）预定的电话号码联系信息。这是关于我在 safari 和其他应用程序中显示的内容的图片。 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"
/>

【问题讨论】：

标签： ios reactjs react-native expo

【解决方案1】：

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"
/>

【讨论】：