安裝與配置

0.44 開始使用 react-navigation 取代 Navigator。https://reactnavigation.org/docs/getting-started

安裝

// 最基本安裝
npm install @react-navigation/native
// 安裝三種導航(可依需要，取部份安裝)
yarn add @react-navigation/native @react-navigation/stack @react-navigation/bottom-tabs
// 安裝相關依賴
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

從React Native 0.60及更高版本開始，鏈接是自動的。因此，您無需運行 react-native link。

配置

如果您使用Mac並正在為iOS開發，則需要安裝Pod（通過Cocoapods）以完成鏈接。

npx pod-install ios

要完成安裝react-native-gesture-handler，請在您的條目文件的頂部（確保其位於頂部並且沒有其他內容）添加以下內容，例如index.js或App.js：

import 'react-native-gesture-handler';

// app.js
import 'react-native-gesture-handler';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';

export default function App() {
  return (
    <NavigationContainer>{/* Rest of your app code */}</NavigationContainer>
  );
}