如何在@react-navigation中使用URL中的哈希“#”符号

Question

我正在使用React Native Web进行开发，其中使用@react-navigation进行导航。我正在使用linking，以便用户可以使用URL进行导航。

我的链接配置如下：

const linking = {
  prefixes: [],
  config: {
    screens: {
      Home: '',
      Profile: 'profile',
      Settings: 'settings',
      NotFound: '*',
    },
  },
};

问题是我想使用URL中的#传递参数。例如，localhost:19006/profile#address 或者 localhost:19006/profile#about 但是当我尝试上述URL时，react-navigation会自动从URL中删除#address/#about。

我阅读了https://reactnavigation.org/docs/configuring-links/。

我可以很容易地像这样传递参数：localhost:19006/profile?sec=address，但是我想在URL中使用#。

有没有办法在URL中使用#？

请注意，我正在使用以下库

"@react-navigation/native": "^6.0.10",
"@react-navigation/stack": "^6.2.1",
"react-native": "0.67.3",
"react-native-web": "^0.17.7",

- Shaon Debnath

Answer 1

你需要从React Native中导入Linking。

import {Linking} from 'react-native

每当你需要通过点击事件打开一个URL时，可以使用下面的代码。

Linking.openURL("你的链接");

希望这对你有所帮助。

- Ankit Vora

---

不，我不想要一个点击事件。我想直接浏览localhost:19006/profile#address，但是每当我按回车键时，＃address会自动从URL中移除。 - Shaon Debnath

你找到了吗？ - heberuriegas