前言:
這是我個人學習的紀錄,並不是手把手的教學文章,如果有人也是剛入門的話
照著影片內容實做也能完成 🙂
目前開發環境:
node.js: v14.17.6
npm: 6.14.15
react: 17.0.1
react-native: 0.64.3
expo: 44.0.4
※手機需要安裝 EXPO Go (Android / iOS)
React Native 套件:
這個影片中把套件安裝的過程省略了,所以在這補充
npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npm install react-native-vector-icons
npm install @react-navigation/stack
影片:
程式碼:
範例 source code:
git clone https://smilehsu@bitbucket.org/smilehsu/yt_example_hotelui0204.git
Reference:
- 影片的YT連結: HOTEL BOOKING APP UI USING REACT NATIVE
- 影片內容的程式碼: hakymz/HotelAppUiReactNative
- UI source
- React Navigation 官網