当我使用TabNavigator(React-Navigation)时，将不同的参数传递给每个屏幕

Question

我正在使用使用React Antive和React-Navigation进行应用。

我正在寻找一种将不同参数传递给每个屏幕的方法。每个屏幕都是同一类。应该有一种存档的方法，但我找不到到目前为止，

除了宣布两个不同的包装器类并通过ScreenProps，但似乎疯了。

const Tab = TabNavigator(
{
    main:{screen:TodoList}, //pass "abc" for this screen
    main2:{screen:TodoList} //pass "def" for this screen
}

Answer 1

如果有自定义道具，请使用其他签名：

const Tab = TabNavigator(
{
    main:{ screen: (props) => <TodoList {...props } myProp="abc" />}, //pass "abc" for this screen
    main2:{ screen: (props) => <TodoList {...props } myProp="def" />} //pass "def" for this screen
}

如果您在所有屏幕中共享" prop"，则可以在启动Tab ITSLEF时通过screenProps传递。

<Tab screenProps={{myCommonProp: "ghijkl"}} />