Question

我有以下标签导航器：

const [counter, setCounter] = useState(10);

return (
  <Tab.Navigator>
    <Tab.Screen name="Activity" />
  </Tab.Navigator>
);

如何将我的“计数器”状态作为路由参数传递给选项卡屏幕？

<块引用>

注意：计数器可以更改，它只是从我的数据库中侦听的值。

Answer 1

最简单的方法是这样的：

const [counter, setCounter] = useState(10);

return (
  <Tab.Navigator>
    {() => <Tab.Screen name="Activity" counter={counter}/>}
  </Tab.Navigator>
);

我为您制作了一份工作零食：https://snack.expo.io/@abranhe/react-navigation-5

React Navigation 5 - 将参数传递给选项卡屏幕

1 个答案: