React Native 平面列表底部的TextInput元素出现问题

yyyllmsg 于 2023-01-31 发布在 React

关注(0)|答案(2)|浏览(96)

平面列表中屏幕底部的TextInputs会自动并立即关闭键盘焦点，使其无法写入任何内容。这个问题在一个空白的react-native init项目中很容易重现。我在Nexus 5x模拟器和真实的设备中测试了它。我每次在0.61上都会重现这个错误。
与https://github.com/facebook/react-native/issues/13745相关

react-native

来源：https://stackoverflow.com/questions/60559243/issue-with-textinput-element-in-the-bottom-of-a-flatlist

2条答案

按热度按时间

gcuhipw91#

只需在FlatList中添加一个 prop ，如下所示：

<FlatList
     keyboardDismissMode={'none'}
     .....
</FlatList>

骗子！

赞(0）回复(0）举报 2023-01-31

ct3nt3jp2#

只是不要给予Flatlist页脚的组件引用，因为当我们更新组件的状态时，arrow函数会创建一个新的引用，这就是TextInput失去焦点的原因。

<FlatList
  data={...}
  ListFooterComponent={renderYourFooter()}
/>

或

<FlatList
  data={...}
  ListFooterComponent={<View>
    <TextInput/>
  </View>}
/>

赞(0）回复(0）举报 2023-01-31

我来回答

React Native 平面列表底部的TextInput元素出现问题

2条答案

相关问题

热门标签

最新问答