集成自定义RefreshControl组件后,FlatList ListItems消失了

时间:2020-11-02 10:35:48

标签: react-native react-native-flatlist

RefreshControl中的refreshControl道具中添加自定义FlatList组件后,所有列表项均消失了。

以下代码:

export default function RefreshCtrl() {
    const { refetch } = props
    const [refreshing, setRefreshing] = useState(false)

    const handleRefresh = async () => {
        setRefreshing(true)
        await refetch()
        setRefreshing(false)
    }

    return (
        <RefreshControl
            refreshing={refreshing}
            onRefresh={handleRefresh}
        />
    )
}
<FlatList 
  contentContainerStyle={{
    backgroundColor: colors.background
  }}
  ItemSeparatorComponent={Divider}
  keyExtractor={keyExtractor}
  renderItem={renderItem} 
  data={data}
  refreshControl={
    <RefreshCtrl
    refetch={refetch}
    />
  }
/>

有什么主意吗?谢谢

0 个答案:

没有答案