連結

連結元件會渲染一個元件，該元件會在按下時導覽到畫面。在 Web 上使用時，這會渲染一個 <a> 標籤，而在其他平台上會使用一個 文字 元件。它會保留瀏覽器中錨定標籤的預設行為，例如 右鍵按一下 -> 在新分頁開啟連結"、Ctrl+按一下/⌘+按一下 等，以提供原生體驗。

<a> 標籤中 href 的路徑會根據您的 連結 選項 產生。

範例

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

// ...

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

如果您想使用您自己的自訂可觸控按鈕，您可以使用 useLinkProps 取代。

連結 元件接受 與 useLinkProps 相同的道具