Question

我的DrawerNavigator菜单中有3个屏幕项目。

如何在项目＆＃34; 3＆＃34;？下的DrawerNavigator菜单中添加共享Play Store链接我的意思是，这不是一个真实的页面，只是那是一个带图标的应用程序共享链接，当有人点击共享区域将打开。

const Router = DrawerNavigator(
    {  
        Home: { screen: MainScreen },
        New: { screen: News },
        Photo: { screen: Photos },
    })

Answer 1

您可以为DrawerNavigator使用自定义contentComponent选项https://reactnavigation.org/docs/navigators/drawer#Providing-a-custom-contentComponent。像这样的东西

    const Router = DrawerNavigator(
      {  
         Home: { screen: MainScreen },
         New: { screen: News },
         Photo: { screen: Photos },
     },
     {
     contentComponent: props => {
        return (
          <ScrollView>
            <DrawerItems {...props} />
            <TouchableOpacity
              onPress={() => {
                Share.share({
                  message: PLAY_STORE_URL
                });
              }}>
                <Text>
                  Share
                </Text>
            </TouchableOpacity>
          </ScrollView>
        );
      }
   )

通过react-navigation在`DrawerNavigator`菜单中分享`Play Store`链接

1 个答案: