0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

MkkAdvent Calendar 2022

Day 16

ReactNativeことはじめ(With Expo)

Posted at

動作環境

PC:MacbookPro(2018)
OS: Big Sur(11.6.2)
エディタ:Visual Studio Code
XAMPP(PHP7.4)を使用
ターミナルはzshを使用

open App

expo start

再読み込み

キーボードのR(⌘+Rは録画になるので注意)

トラブルシューティング

■エミュレーターで起動できない

→ expoを一度落として再起動する

expo start したターミナルにて ctrl + cで終了

※キャッシュクリアして再起動
再起動する際 expo start -c と-cオプションを追加

→ node_modulesをクリアしてみる

フォルダを削除して yarn install にて再インストールしてみると解消する場合あり

→ エミュレータ内のExpo Clientを最新にする

iOS
expo client:install:ios
Android
expo client:install:android

エミュレータ内でExpo Clientアプリを削除して、再度 expo start してもOK

”requires a newer version of Expo Client app"のようなエラーメッセージが表示されている場合は、おそらくこれで解消

→ XCodeを最新にする

■ スマホ実機で起動できない

→ macとスマホが同じLAN環境にある確認する

→ Expo Clientアプリを最新にする

→ LANのセキュリティに阻まれている可能性

■ Can't resolve 'expo-constants'のようなエラーが出る

→ node_modulesをクリアしてみる

フォルダを削除して yarn install にて再インストール

■ (React Navigation導入の際に)Tried to register two views with the same name RNCSafeAreaProvider のようなエラーが出る

→以下手順を実行

  1. node_modulesフォルダとlockfile (yarn.lockもしくはpackage-lock.json)を削除する

  2. package.jsonのexpoのバージョンを 38.0.8 にする

  3. react-native-safe-area-context をpackage.jsonから削除する

  4. yarn install (もしくはnpm install)を実行する

    expo install react-native-safe-area-context
    を実行

■ Unable to resolve "react-native-gesture-handler”

デフォルトでreact-native-gesture-handlerが実装されていないので追加

expo install react-native-gesture-handler
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?