如何将参数传递给选项卡屏幕

时间:2021-05-26 17:35:41

标签: react-native react-native-navigation

嗨,我想从我的 App.js => AuthNavigation => HomeScreen.js 传递一个令牌

这是我尝试过的:

App.js: <= console.log 返回令牌。

 return (
    <NavigationContainer>{token !== null ? <AuthNavigation token={token} /> : <GuestNavigation />}</NavigationContainer>
  );
}

AuthNavigation.js <= console.log 返回令牌。

const AuthNavigation = (props) => {
  const token = props.token;
  console.log("authNavigation.js token:" + token);
  return (
    <Tab.Navigator tabBarOptions={{ showLabel: false }}>
      <Tab.Screen
        name="Home"
        initialParams={{ token: token }} //Initials params here
        component={HomeScreen}
        options={(option) => {
          return {
           // code
            ),
          };
        }}
      />

HomeScreen.js <= console.log return undefined

const HomeScreen = ({ route }) => {
  console.log(route.params.token);
};

0 个答案:

没有答案