状态更新后反应本机而不是 re-rendering 屏幕

Question

我正在使用 react-native-seoul/masonry-list 创建砌体列表并从 API 获取数据并随后更新状态。但是，项目不会在屏幕上呈现，但状态变量的控制台日志会显示数据。其他人认为，当我保存文件时，数据会呈现在屏幕上。

Link 到 EXPO SNACK

在上面的例子中，你可以看到我有两个屏幕

HotBytes
收藏

两个屏幕使用相同的包来渲染砖石布局。然而，它在 HotBytes 屏幕中工作，但在 Favorite Screen 中不工作。

问题

在收藏夹屏幕中获取数据和状态更新后项目未呈现

Link 到 EXPO SNACK

Answer 1

您在 'AllScreenTabNavigator.js' 中犯了一个小错误，将 AppBottomNavigator.Screen 的属性命名为 'children' 而不是 'component'，因为您已将 'HotBytes' 更正为好吧！

<AppBottomNavigator.Screen
    name="Favourite"
    component={Favourite}
    options={{
      tabBarIcon: ({ color }) => (
        <Feather name="heart" size={20} color={color} />
      ),
    }}
  />

EXPO SNACK_fixed

我认为它不需要进一步解释，因为它只是一个 'slip of the pen' 但以防万一她是 tab navigator docs

状态更新后反应本机而不是 re-rendering 屏幕

React native not re-rendering screen after state update

reactjs

react-native

react-navigation

react-native-flatlist