您好,我创建了屏幕键盘组件,我想禁用平台键盘,如何禁用?
<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)
设置keyboardType对null我有用
编辑:
这仅在模拟器中有效,在实际设备上运行它时本机键盘仍然出现。
在下面的示例中将其包装<TextInput />在一个元素中是有效的。<TouchableWithoutFeedback>
<TouchableWithoutFeedback onPress={Keyboard.dismiss} >
<TextInput />
</TouchableWithoutFeedback>
| 归档时间: |
|
| 查看次数: |
16828 次 |
| 最近记录: |