如何解决react-native expo深度链接-如何获取我的应用程序的共享链接
功能要求:作为用户1,我想通过whatsapp / sms / email与任何人共享我的个人资料屏幕的链接,以便当他单击该链接时,他将导航到我的应用程序的用户个人资料屏幕。
在该应用中,我的个人资料上有一个“共享”按钮 当我单击“共享”按钮时,我希望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},});
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 举报,一经查实,本站将立刻删除。