2023年2月12日日曜日

[react native,Expo CLI]expo startによるビルドサーバーのページがでない

 expo-cli@6.0.0以降のバージョンでは、Expo CLIのWebUIが廃止されたようです。

 https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206

[typescript, react native]React Navigation画面遷移サンプルアプリのひな形作成手順

 備忘録として、

React Navigation画面遷移ライブラリの環境構築の方法を記載する。

■前提条件

・nodejsがインストールされていること

・Expo-CLI が事前にインストールされていること

>npm install -g expo-cli


1./サンプルプロジェクトを作成する

> npx expo init react-navigation-sample


2.「react-navigation-sample」フォルダに移動する

> cd react-navigation-sample


3.React Navigationのコアライブラリをインストールする

> npm install @react-navigation/native


4-1.stackを使う場合、statckをインストールする

> npm install @react-navigation/stack


4-2.bottom-tabsを使う場合、bottom-tabsをインストールする

> npm install @react-navigation/bottom-tabs


4-3.drawerを使う場合、drawerをインストールする

> npm install @react-navigation/drawer


5.react-native-paperをインストールする

npm install react-native-paper


6.React Navigationの依存ライブラリをインストールする

> npx expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view