Feeds:
文章
迴響

Archive for the ‘React’ Category

之前使用 0.46.x 版本, 恰逢 0.47.x 釋出, 就來跑一下流程, 詳細可參考Upgrading to new React Native versions

  1. 安裝 react-native-git-upgrade 工具
    • yarn global add react-native-git-upgrade
  2. react-native 套件升級
    • yarn add react-native@0.47.0
  3. 專案升級
    • react-native-git-upgrade
  4. 重新打包 js bundle
  5. 重新產生 apk

Read Full Post »

依據 0.46 文件所進行的練習

1. 新增 ImagePickerModule 模組

檔案異動

  • \android\app\src\main\java\com\tools\
    • [Add] ImagePickerModule.java
    • [Modify] AnExampleReactPackage.java
  • \components\
    • [Add] ImagePickerModule.js
  • \
    • [Modify] index.android.js

 

ImagePickerModule.java

AnExampleReactPackage.java

ImagePickerModule.js

index.android.js

執行效果

 

 

 

Read Full Post »

依據 0.46 官方手冊走一遍

1. 新增 React Native Module 的 Java

新增檔案

/android/app/src/main/java/com/tools

  • AnExampleReactPackage.java
  • ToastModule.java

ToastModule.java

AnExampleReactPackage.java

2. Android 引入自訂 React Native Module

修改 android/app/src/main/java/com/rn001/MainApplication.java

3. 建立 React Native Js Module 簡易封裝

新增 /components/ToastAndroid.js

4. 測試 ToastAndroid

修改 index.android.js

打包 apk, gradlew assembleDebug

安裝 apk

啟動 packager

啟動 app

 

Read Full Post »