如何在react-native中设置Onpress On Textinput

时间:2019-02-15 10:44:19

标签: react-native textinput onpress

我正在开发本机上的应用程序。我想在按下文本输入时调用日期选择器,选择日期后应该在文本输入上显示

3 个答案:

答案 0 :(得分:3)

TextInput包装到视图中,并将pointerEvents设置为none。 现在,您可以使用Pressable中的react-native组件来监听onpress事件。

<Pressable onPress={() => alert('Hi!')}>
 <View pointerEvents="none">
  <TextInput />
 </View>
</Pressable>

答案 1 :(得分:0)

您要做的是使用TextInput的onFocus和onBlur。

<TextInput 
    onFocus={this.onFocus}
    onBlur={this.onBlur}
/>

onFocus = () => {
 // Open date picker
}

onBlur = () => {
 // Close date picker and add value to textinput
}

答案 2 :(得分:0)

您不能为[121, 85, 135, 99, 141, 134, 4, 33, 65, 131, 18, 127], [121, 85, 135, 99, 141, 134, 65, 33, 4, 127], [121, 85, 135, 99, 141, 134, 65, 33, 4, 131, 18, 127], [121, 85, 135, 99, 141, 134, 65, 33, 4, 107, 127], [121, 85, 135, 99, 141, 134, 65, 23, 18, 127], [121, 85, 135, 99, 141, 134, 65, 23, 18, 131, 4, 127], [121, 85, 135, 99, 141, 134, 65, 23, 18, 131, 4, 107, 127], [121, 85, 135, 99, 141, 134, 65, 107, 4, 127], [121, 85, 135, 99, 141, 134, 65, 107, 4, 131, 18, 127], [121, 85, 135, 99, 141, 134, 65, 107, 127], [121, 85, 135, 99, 141, 134, 65, 131, 18, 127], [121, 85, 135, 99, 141, 134, 65, 131, 4, 127], [121, 85, 135, 99, 141, 134, 65, 131, 4, 107, 127], [121, 85, 135, 99, 141, 4, 127], ... 显式调用onPress。您只能使用。 TextInput,当您按输入框将光标移到该位置时将被调用。 不需要使用onBlur,因为您不需要用例。。尽可能在onFocus内处理关闭。

onFocus