如何禁用本机纸张 TextInput 上的自动完成功能？与 autoComplete="off" 在网络上呈现 autocomplete="noop"

Question

我正在尝试使用react-native-paper 3.10.1禁用autocomplete网络TextInput

<TextInput
  name="city"
  textContentType="addressCity"
  autoComplete="off"
  mode="outlined"
/>

在渲染的 HTML 中被autoComplete="off"替换为autocomplete="noop"，这会导致自动完成功能不会被禁用。

从哪里来noop以及如何禁用自动完成？

再生产

https://snack.expo.io/@kopax/curious-pizza

Answer 1

react-native-web API中的 TextInput表示它遵循HTML 自动完成属性，但它不起作用。然而，它似乎遵循aria-autocomplete。

中的 TextInputreact-native遵循它自己的API。但是存在这个问题，将 React Native 中的 prop 从autoCompleteType重命名为autoComplete。因此，在撰写本文时，React Native 文档也需要更新。

解决方案：

<TextInput
  autoComplete={ Platform.OS === 'web' ? 'none' : 'off' }

测试于：

expo: 42.0.4
react-native: 0.63.2 (https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz)
react-native-web (version): 0.13.18
react: 16.13.1
Browser: Chrome 96.0.4664.110