@36node/template-expo 中文文档教程

Question

Expo Template

它仅在草图初始化后有效。

Framework

DONE

0. UI -> React Native -> Expo
1. Test -> Jest
2. DataFlow -> Redux
3. AutoPack -> CircleCi
4. Router -> React Navigation

TODO

0. Redux -> Redux Saga -> @360node/xxx
1. SDK -> Mock
2. Style -> Styled-Components(Bugs Here on web, wait for fix)
3. Some params in the expo need to be fixed by sketch init command.

Guide Line

Pre Actions

1. Install Xcode and Android Studio
2. Register on expo
3. Register for apple developer(For iOS only)
4. Register for Android key? (Need to be confirmed)
5. Install Expo on iOS and Android for testing on mobiles
6. Install expo-cli by npm install -g expo-cli or yarn global add expo-cli

How to run

1. yarn
2. yarn start then do as the promotion.
3. You can make actions such as Run on iOS simulator or Run on Android device/emulator

How to run as ios

1. Run yarn start:ios then iOS simulator will start.
2. Find Expo app on iOS simulator and open it.
3. Open your app in Expo and you will find the page.

How to run as android

On your phone

1. Install expo on your android phone
2. Toggle your android phone debugger mode to on.
3. Plug your android phone to your computer.
4. Run yarn start:android.
5. Open expo on your phone and start develop.

On the emulator

1. Open Android Studio and init
2. Open Config => AVD
3. Install a new virtual device
4. Start emulator
5. Click Run on Android device/emulator
6. Open expo on emulator and start developing

How to test

运行 yarn test

CircleCi

需要设置两个参数。

1. EXPO_USERNAME username of expo
2. EXPO_PASSWORD password of expo

Workflow

我们依靠世博会来构建包。

你可以去 Expo Documents 详细查看。