React Native“Material Top Tabs Navigator”中的动态组件创建

Question

目前我正在开发一个新闻应用程序，我必须在其中显示类别明智的新闻列表。这些类别是动态的并且从 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>

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

这是我需要开发的原型图像： 应用原型图

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

Answer 1

这么久了，有什么解决办法吗？