我有一个注释输入是多行的。目前,当我按下“返回”键时,它会转到下一行,当我点击屏幕上不是键盘的部分时,什么都不会发生。所以它现在被卡住了,我不得不重新加载这个应用程序。我已经试过把键盘解雇了,但它仍然不起作用。这是一个子组件,所以也许这就是问题所在?
我的代码:
render() {
return (
<TouchableWithoutFeedback onPress={Keyboard.dismiss()}> //also tried () => Keyboard.dismiss()
<Modal transparent animationType='fade' visible={this.props.createHomeworkModalVisible}>
<View style={styles.containerStyle}>
<View style={styles.modalContainer}>
<Formik
initialValues={{
assignmentName: '',
dueDate: null,
notes: '',
pictures: []
}}
validationSchema={validationSchema}
onSubmit={(values) => {
console.log(values);
}}
>
{formikProps => (
<View>
<View style={{ padding: 5 }}>
<TextInput
placeholder={'Add notes'}
placeholderTextColor='#cdd2c9'
value={formikProps.values.notes}
multiline
style={styles.notesInput}
onChangeText={formikProps.handleChange('notes')}
onBlur={formikProps.handleBlur('notes')}
/>
</View>
</View>
)}
</Formik>
</View>
</View>
</Modal>
</TouchableWithoutFeedback>
);
}
}发布于 2019-12-09 05:12:18
从“react本机”导入Keyboard
调用此函数:Keyboard.dismiss()
https://stackoverflow.com/questions/59239156
复制相似问题