如何解决react-native深层链接参数不会消失
我在react-native中使用Depp-Link
https://reactnavigation.org/docs/configuring-links (反应导航v5)
如果我点击
我的配置是
const config = {
screens: {
HomeStack: {
initialRouteName: 'HomeMain',screens: {
HomeMain: {
path: '',}
}
},ProductStack: {
initialRouteName: 'ProductMain',screens: {
Ranking: 'ranking/:category?/:order?',}
},// NotFound: '*',}
}
const linking: LinkingOptions = {
prefixes: ['myapp://'],config,};
排名屏幕是
const Ranking = ({ route }: Props) => {
console.log('?? route ??',route.params);
return (
<View>
...
</View>
);
};
当我在Safari(iOS模拟器)中编写“ myapp:// ranking?category = aa&order = bb”时, 可以。
但是我在没有DeepLink的情况下输入“排名”,route.params并没有消失并保持不变。 我只想通过深层链接应用它。
我该怎么办?
解决方法
u可以在组件中使用Linking-native addEventlistener链接,并检查是否在componentDidMount的深层链接中将其打开
const Ranking = ({ route }: Props) => {
componentDidMount(){
Linking.addEventListener('url',this.handledeeplink);
}
handledeeplink = async (event) => {
let url = new URL(event.url);
console.log(url );// in this u will get url here u can get params
}
return (
<View>
...
</View>
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。