链接
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