React Native FlatList渲染时出现ViewGroup子视图移除警告的解决求助
React Native FlatList渲染时出现ViewGroup子视图移除警告的解决求助
各位好,我在使用React Native开发时遇到了一个FlatList相关的警告问题,折腾了一阵没找到解决办法,想过来请教大家。
先贴一下我的列表代码:
const data = [ {id: 1, name: 'irfan'}, {id: 2, name: 'dami'}, ]; <FlatList data={data} renderItem={({item}) => <Text>{item.name}</Text>} keyExtractor={(item) => item.id.toString()} />
我的项目依赖版本如下:
react-native: 0.76.6, react-native-gesture-handler: ^2.22.0, react-native-screens: ^4.6.0
错误详情
我在FlatList渲染时触发了这个警告,提示视图层级里的子视图移除存在问题,但我完全摸不着头绪不知道该从哪下手修复。
我已经确认过data数组是正确传递的,keyExtractor也确实返回了基于item.id的字符串,并且尝试了以下几个排查步骤:
- 反复确认keyExtractor的返回值是字符串类型,没有问题
- 检查FlatList是否存在不必要的重渲染,或者条件渲染导致的异常
- 尝试把FlatList包裹在一个View容器里,看是否能消除警告
有没有小伙伴遇到过类似的问题?求指点一下可能的解决方向!
备注:内容来源于stack exchange,提问作者Irfanali Saiyad
相关产品推荐
相关产品推荐

