1

目前我正在开发一个新闻应用程序，我必须在其中显示类别明智的新闻列表。这些类别是动态的并从 API 获取（例如，健康、运动、旅游、技术等）。我正在使用Material Top Tabs Navigator来显示这些类别。

<NewsView.Navigator
  screenOptions={{
    tabBarLabelStyle: { fontSize: 12 },
    tabBarItemStyle: { width: 100 },
    tabBarScrollEnabled: true,
  }}>
  {data.map((category) => (
    <NewsView.Screen
      name={category.name}
      component={category.key_name}
      key={category.id}
    />
  ))}
</NewsView.Navigator>

我需要为每个类别动态生成组件（例如，Health 将调用 Health 组件，Tech 将调用 Tech 组件等等......）因为对于每个类别，将调用不同的 API 并列出新闻因此。根据反应导航，我无法理解如何开发那些动态组件来实现流程。

这是我需要开发的原型图像： App Prototype Image

在这方面的任何帮助将不胜感激。

4

0 回答 0