React Native Tab Navigator с экранами Dynami c? - PullRequest
Новая
       84

React Native Tab Navigator с экранами Dynami c?

0 голосов
/ 18 июня 2020

У меня есть TopTabNavigator 

    <Tab.Navigator>
      <Tab.Screen name="Category01" component={List01} />
      <Tab.Screen name="Category02" component={List02}/>
      <Tab.Screen name="Category03" component={List03}/>
    </Tab.Navigator>

Но я хочу создавать разные списки, которые создаются динамически. Я хочу передать параметр компоненту списка и создать список и имя в зависимости от параметра. Потому что тогда у меня может быть один компонент для всех списков, и мне не придется дублировать код.

Я пробовал вот так: 

    const List1 = <List parameter="01">
    const List2 = <List parameter="02">
    const List3 = <List parameter="03">

    <Tab.Navigator>
      <Tab.Screen name="Category01" component={List1} />
      <Tab.Screen name="Category02" component={List2}/>
      <Tab.Screen name="Category03" component={List3}/>
    </Tab.Navigator>

Но это не работает. Есть ли способ добиться этого?

...