Javascript 当键盘打开时,我需要单击两下--以本机方式进行响应
我在react native中有一个项目,我创建了一个视图,它有一个按钮,当用户不打开键盘时,他只会单击一下,但如果键盘打开,用户需要单击两下,因为当用户单击按钮时,功能不起作用。它应该躲起来 如果键盘打开,有人知道点击是如何工作的 代码是下一个Javascript 当键盘打开时,我需要单击两下--以本机方式进行响应,javascript,android,reactjs,xcode,react-native,Javascript,Android,Reactjs,Xcode,React Native,我在react native中有一个项目,我创建了一个视图,它有一个按钮,当用户不打开键盘时,他只会单击一下,但如果键盘打开,用户需要单击两下,因为当用户单击按钮时,功能不起作用。它应该躲起来 如果键盘打开,有人知道点击是如何工作的 代码是下一个 return ( <ScrollView> <View style={LoginStyles.container_login}> <View style={LoginStyle
return (
<ScrollView>
<View style={LoginStyles.container_login}>
<View style={LoginStyles.container_detail}>
<View style={LoginStyles.container_components}>
<View style={LoginStyles.container_image}>
<Image
style={LoginStyles.container_display_image}
source={logo}/>
</View>
<TextInput style={LoginStyles.container_user} placeholder = {labelApp.holderUser} onChangeText={(user) => this.checkDataEmail(user)}/>
<TextInput secureTextEntry={true} style={LoginStyles.container_password} placeholder = {labelApp.holderPassword} onChangeText={(password) => this.checkDataPassword(password)}/>
<TouchableOpacity disabled={ this.state.disabled }
style={this.state.disabled ? LoginStyles.button_disabled: LoginStyles.button_login}
onPress={this.handleClickBtnEnter}
>
<Text style={LoginStyles.text_button_login}>
{labelApp.textButtonLogin}
</Text>
</TouchableOpacity>
<Text
style={LoginStyles.text_forgot_password}
onPress={this.handleClickBtnEnter}
>
{labelApp.textForgotUser}
</Text>
<Text
style={LoginStyles.text_register}
onPress={this.handleClickBtnEnter}
>
{labelApp.textRegister}
</Text>
<View style={LoginStyles.container_image_share}>
<Image style={LoginStyles.container_display_share}
source={facebook}/>
<Image style={LoginStyles.container_display_share}
source={google}/>
</View>
<View style={LoginStyles.container_image}>
<Image
style={LoginStyles.container_display_register}
source={register}/>
</View>
</View>
</View>
</View>
</ScrollView>
);
返回(
this.checkDataEmail(用户)}/>
this.checkDataPassword(密码)}/>
{labelApp.textButtonLogin}
{labelApp.textForgotUser}
{labelApp.textRegister}
);
事件在TouchableOpacity上请尝试将键盘上的
键盘ShouldPersistTaps
值设置为已处理
,如下所示:
return (
<ScrollView keyboardShouldPersistTaps='handled'>
...
</ScrollView>
);
返回(
...
);
Hi Campbell MG,我检查了键盘应为PersistTaps,它正常工作,但键盘未关闭。如果需要隐藏键盘,可以在onPress函数中调用keyboard.Disclose()