跳到主要内容
版本: 7.x

链接

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

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

示例

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

// ...

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

如果你想使用你自己的自定义链接组件,你可以使用 useLinkProps 来代替。

Link 组件接受与 useLinkProps 相同的 props