如何在本机反应中禁用键盘

Vaq*_*qif 7 react-native

您好,我创建了屏幕键盘组件,我想禁用平台键盘,如何禁用?

<TextInput
  secureTextEntry
  ref="Pin"
  selectionColor="#656565"
  keyboardType="numeric"
  activeColor="#656565"
  inactiveColor="#fff"
  autoFocus={false}
  ignoreCase
  codeLength={4}
  inputPosition="center"
  size={50}
  onFulfill={isValid => this}
  codeInputStyle={{ borderWidth: 1.5 }}
/>
Run Code Online (Sandbox Code Playgroud)

FDi*_*isk 13

我也有问题。没有其他解决方案对我有用。这将显示文本输入字段,它可以点击但不可编辑。

<TouchableOpacity onPress={this.openPinKeyboard}>
  <View pointerEvents="none">
    <Input editable={false} value="1234" />
  </View>
</TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)


小智 10

只是写showSoftInputOnFocus={false}<TextInput>这样的:

<TextInput showSoftInputOnFocus={false} />
Run Code Online (Sandbox Code Playgroud)


小智 7

我认为你需要添加类似的内容:

<TextInput showSoftInputOnFocus={false} keyboardType="numeric" />
Run Code Online (Sandbox Code Playgroud)


T. *_*aud 4

设置keyboardTypenull我有用

编辑:

这仅在模拟器中有效,在实际设备上运行它时本机键盘仍然出现。

在下面的示例中将其包装<TextInput />在一个元素中是有效的。<TouchableWithoutFeedback>

<TouchableWithoutFeedback onPress={Keyboard.dismiss} > <TextInput /> </TouchableWithoutFeedback>