代码之家  ›  专栏  ›  技术社区  ›  Saeed Heidarizarei

通过react导航共享“DroperNavigator”菜单中的“Play Store”链接

  •  1
  • Saeed Heidarizarei  · 技术社区  · 7 年前

    如何添加共享 Play Store 在项目“3”下的抽屉导航器菜单中链接?
    我的意思是,这不是一个真正的页面,只是一个应用程序共享链接的图标,当有人点击该共享区域将打开。

    const Router = DrawerNavigator(
        {  
            Home: { screen: MainScreen },
            New: { screen: News },
            Photo: { screen: Photos },
        })
    
    1 回复  |  直到 7 年前
        1
  •  3
  •   agenthunt    7 年前

    您可以使用自定义 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>
            );
          }
       )