链接

Link 组件渲染一个可点击导航到屏幕的组件。在 Web 上使用时，它渲染一个 <a> 标签，而在其他平台上则使用 Text 组件。它保留了浏览器中锚标签的默认行为，例如 右键单击 -> 在新标签页中打开链接、Ctrl+Click/⌘+Click 等，以提供原生体验。

<a> 标签中 href 的路径是根据您的 linking 选项 生成的。

示例

import { Link } from '@react-navigation/native';

// ...

function Home() {
  return (
    <Link to={{ screen: 'Profile', params: { id: 'jane' } }}>
      Go to Jane's profile
    </Link>
  );
}

如果您想使用自己的自定义可触摸组件，可以使用 useLinkProps 代替。

Link 组件接受与 useLinkProps 相同的属性