リンク

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 と同じプロパティ を受け入れます。