如何将参数传递给createMaterialTopTabNavigator内部使用的屏幕?

时间:2020-06-09 19:54:46

标签: reactjs react-native react-navigation

例如-

export function TabnavigatorScreen(Screen1, Screen2) {
return ( 
  createMaterialTopTabNavigator({
  Home: {
    screen: Screen1,
    //here I want to pass params to screen 1 (like params:{language:"English"}
    navigationOptions: {
      tabBarLabel: "Quotes",
      tabBarIcon: ({tintColor, focused})=>(
        <Image
            source={ 
              focused
              ? require('../../assets/img/home_focused.png')
              : require('../../assets/img/home_normal.png')  }
            style={{ width: 30, height: 30, }} />
      )}
  },
  Loved: {
      screen: Screen2,
      navigationOptions: {
        tabBarLabel: 'Loved',
        tabBarIcon: ({tintColor, focused})=>(
          <Image
              source={ 
                focused
                ? require('../../assets/img/love_focused.png') 
                : require('../../assets/img/love_normal.png')  }
              style={{ width: 30, height: 30 }} />
        )
      }
    }
  },
{  
  tabBarOptions: {  
      activeTintColor: 'white',
      showIcon: true,  
      showLabel:false,  
      style: {  
          backgroundColor:'#045546'  
      }  
  },  
}

)
);
}

这里在createAppContainer中使用TabnavigatorScreen组件(例如createAppContainer(TabnavigatorScreen(HomeScreen,SettingScreen)),此createAppcontainer用作其他位置的组件。在这里,我想在TabnavigatorScreen中传递一些参数,以便可以在其中访问这些参数。 HomeScreen或SettingScreen(即功能中的Screen1和Screen2),因为我必须在Screen1和Screen2中调用一些需要这些参数的API。

提前谢谢!

0 个答案:

没有答案