微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react-native expo深度链接-如何获取我的应用程序的共享链接

如何解决react-native expo深度链接-如何获取我的应用程序的共享链接

功能要求:作为用户1,我想通过whatsapp / sms / email与任何人共享我的个人资料屏幕的链接,以便当他单击该链接时,他将导航到我的应用程序的用户个人资料屏幕。

在该应用中,我的个人资料上有一个“共享”按钮 当我单击“共享”按钮时,我希望URL成为我的个人资料屏幕的链接

问题: 如何通过深层链接获取URL并将其传递给共享功能

技术要求:从expo中的文档以及堆栈溢出中的其他类似问题,我的理解是,我可以使用深层链接功能来实现它。 但是我仍然不清楚该怎么做。

环境: 使用Expo反应本机应用

App.js的内容

A-1屏幕导航:搜索配置文件屏幕->搜索结果屏幕->配置文件详细信息屏幕

const Searchafterloginstack = createStackNavigator({
  SearchhomePostlogin: { screen: SearchhomePostlogin },SearchresultPostlogin: { screen: SearchresultPostlogin },Profiledetails: { screen: Profiledetails },});

A-2。底部导航器

const AppNavigator = createBottomTabNavigator({
           Login: {screen: Loginstack},});

A-3。另一个底部导航器

const PostloginNavigator = createBottomTabNavigator({
  Home: {screen: PostloginFeed},Find: {screen: Searchafterloginstack}
  });

A-4。 Appcontainer

const AppContainer = createAppContainer(createSwitchNavigator(
  { Prelogin: AppNavigator,Postlogin: PostloginNavigator,},{initialRouteName: 'AppNavigator'}
));


export default class App extends React.Component {
  render() {
    return <AppContainer />
  }
};

============================================= B. Profiledetails.js(带有“ Share”按钮的Profiledetails屏幕) 屏幕导航:搜索配置文件屏幕->搜索结果屏幕->配置文件详细信息屏幕

export default class Profiledetails extends React.Component {
onShareMessage= ()=> {
          Share.share({
          url: Need help to get from deep linking-to navigate to profiledetails screen,})
             }

render() {
        return (
<View >
<Text > {this.state.Name}  </Text>
<Button title="Share" onPress={this.onShareMessage}/>
</View>

)}
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。