gpt4 book ai didi

react-native - 在 FlatList 上 react Native "keyboardDismissMode"

转载 作者:行者123 更新时间:2023-12-05 06:32:59 51 4
gpt4 key购买 nike

是否有可能在滚动 FlatList 时阻止键盘关闭?

当使用 ScrollView 时,将属性“keyboardDismissMode”设置为“none”是解决此问题的方法,但这对我在 FlatList 中不起作用...

我在 Stack-Navigator 中的自制组件中使用 FlatList,而在其标题中有一个集中的 TextInput。我这样渲染 FlatList:

<View style={{flex: 1}}>
<FlatList
style={{flex: 1}}
data={this.props.data}
keyExtractor={(item, index) => item.id}
renderItem={this.renderItem}
/>
</View>

renderItem() 函数:

renderItem = ({item, index}) => (
<TouchableHighlight
style={{paddingVertical: 10}}
onPress={() => {
this.props.onChooseItem(item);
}}
>
<Text numberOfLines={1} >
{item.text}
</Text>
</TouchableHighlight>
)

最佳答案

文档 at the beginning of the reference section说 FlatList“继承 ScrollView Props,除非它嵌套在另一个相同方向的 FlatList 中。”
所以我认为您可以只使用 keyboardDismissMode 而无需在 ScrollView 中封装。

关于react-native - 在 FlatList 上 react Native "keyboardDismissMode",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50994770/

51 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com