resources.markdown

範例

• https://github.com/iSimar/HackerNews-React-Native
• https://github.com/jsdf/ReactNativeHackerNews

Navigator

React Native Navigation

Installation

安裝：

yarn add react-native-navigation@latest

把 react-native-navigation 的 binary 塞進主要專案：

react-native link

注意すべきポイント

• 需要用到的 Component 一定要註冊 - (cf)
• iOS Project 中的 AppDelegate 初期一定要改過：

[[RCCManager sharedInstance] initBridgeWithBundleURL:jsCodeLocation launchOptions:launchOptions];

以 Navigation Controller 為起始畫面

Navigation.startSingleScreenApp({
  screen: {
    screen: 'HomeScreen' // 放入註冊 component 時使用的字串
  }
});

• top api - startSingleScreenApp(params)

Push 最低限實作

this.props.navigator.push({
  screen: "DetailsScreen", // 放入註冊 component 時使用的字串
});

• screen api - push(params)

其他參考

• Documentation - https://wix.github.io/react-native-navigation/#/top-level-api
• React Native Navigation 導入メモ - https://qiita.com/syon/items/7da3ba6c44a121a390b7