React Native Expo Flatlist 拉动刷新手势未在 iOS 上触发但在 Android 上工作正常
React Native Expo Flatlist pull to refresh gesture not triggering on iOS but works fine on Android
我在 flex:1 视图中渲染了一个平面列表组件,它不会在 iOS 上执行下拉刷新。手势本身不起作用,因为列表拒绝被下推,但在 Android.
上工作正常
这是我的 flatlist 代码,也是屏幕上唯一的代码。
<FlatList<any>
style={{
flex: 1,
// marginTop: 10,
}}
contentContainerStyle={{ flexGrow: 1 }}
showsVerticalScrollIndicator={false}
showsHorizontalScrollIndicator={false}
data={ordersDetails?.docs}
keyExtractor={(item) => item._id}
renderItem={renderItem}
bounces={false}
refreshControl={
<RefreshControl
refreshing={loading}
onRefresh={() => {
fetchOrders(getOrdersListRefreshing);
}}
/>
}
initialNumToRender={10}
onEndReachedThreshold={0.01}
onEndReached={() => {
fetchOrders(getOrdersListNoLoading);
}}
removeClippedSubviews
maxToRenderPerBatch={5}
updateCellsBatchingPeriod={200}/>;
renderItem 只是一个文本组件。
抱歉,我对 React Native 有点陌生。
提前致谢!
您可以删除样式道具和容器样式道具并反弹
flex
样式不需要单独的 flex 值。而如果你把bounce
放到false
ios
,你就刷新不了
我在 flex:1 视图中渲染了一个平面列表组件,它不会在 iOS 上执行下拉刷新。手势本身不起作用,因为列表拒绝被下推,但在 Android.
上工作正常这是我的 flatlist 代码,也是屏幕上唯一的代码。
<FlatList<any>
style={{
flex: 1,
// marginTop: 10,
}}
contentContainerStyle={{ flexGrow: 1 }}
showsVerticalScrollIndicator={false}
showsHorizontalScrollIndicator={false}
data={ordersDetails?.docs}
keyExtractor={(item) => item._id}
renderItem={renderItem}
bounces={false}
refreshControl={
<RefreshControl
refreshing={loading}
onRefresh={() => {
fetchOrders(getOrdersListRefreshing);
}}
/>
}
initialNumToRender={10}
onEndReachedThreshold={0.01}
onEndReached={() => {
fetchOrders(getOrdersListNoLoading);
}}
removeClippedSubviews
maxToRenderPerBatch={5}
updateCellsBatchingPeriod={200}/>;
renderItem 只是一个文本组件。
抱歉,我对 React Native 有点陌生。
提前致谢!
您可以删除样式道具和容器样式道具并反弹
flex
样式不需要单独的 flex 值。而如果你把bounce
放到false
ios
,你就刷新不了