[RN] 看YT學React Native – UI 範例2

前言:

這是我個人學習的紀錄,並不是手把手的教學文章,如果有人也是剛入門的話
照著影片內容實做也能完成 🙂

目前開發環境:

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

圖1

影片:

程式碼:

範例 source code:

git clone https://smilehsu@bitbucket.org/smilehsu/yt_example_hotelui0204.git

Reference: