React native 如何防止在触摸外部时键盘关闭在反应本机键盘AvoidingView中
实际上,我正在处理聊天窗口。聊天窗口将有不同类型的显示类型,如文本、选择框、下拉列表等。因此,现在我将KeyboardAvoidgView作为根视图,并在其中使用flatlist呈现不同的类型。但如果我单击任何项目,键盘将在ios模拟器中关闭。如何处理这个问题 代码:React native 如何防止在触摸外部时键盘关闭在反应本机键盘AvoidingView中,react-native,React Native,实际上,我正在处理聊天窗口。聊天窗口将有不同类型的显示类型,如文本、选择框、下拉列表等。因此,现在我将KeyboardAvoidgView作为根视图,并在其中使用flatlist呈现不同的类型。但如果我单击任何项目,键盘将在ios模拟器中关闭。如何处理这个问题 代码: index.toString()} /> 我相信这就是你需要的 及 index.toString()} 键盘应按“始终”键 键盘DISMISSMODE='on-drag' /> 请注意,Flatlist继承了scrollvie
index.toString()}
/>
我相信这就是你需要的
及
index.toString()}
键盘应按“始终”键
键盘DISMISSMODE='on-drag'
/>
请注意,Flatlist继承了scrollview道具。这就是为什么这个道具也能在一个简单的列表上工作
编辑:
很抱歉,这可能是重复的
我想你可以试试这个软件包:我没有检查平面列表键盘是否应具有PersistTaps属性。没关系,那里有一个小字体文本,表示它继承了scrollview。很容易错过。我过去也是受害者,哈哈
<SafeAreaView style={{flex: 1}} forceInset={{top: 'never'}}>
<HeaderComponent></HeaderComponent>
<KeyboardAvoidingView behavior= {(Platform.OS === 'ios')? "padding" : null}
behavior="height"
style={{flex: 1}}>
<View style={{flex: 1, backgroundColor: '#F2F2F2'}}>
<FlatList
ref='lst'
keyExtractor={(item, index) => index.toString()}
/>
</View>
</KeyboardAvoidingView>
</SafeAreaView>
<FlatList
ref='lst'
keyExtractor={(item, index) => index.toString()}
keyboardShouldPersistTaps='always'
keyboardDismissMode='on-drag'
/>