React-Native iosでの環境変数の使用


React-Nativeではreact-Nital-configを使用します.env(環境変数)に格納されている値を読み込み中...
値の読み込み中です.エラーが発生し、ファイルenvが見つかりません.
https://www.npmjs.com/package/react-native-configに入って検証すると、モジュールのインストール後に個別の設定が必要であることがわかります.
今日は、上記の手順に従ってiosで設定を変更します.

  • Xcodeでは、プロジェクトファイル/ios/[ファイル名]です.xcworkspaceを開きます.

  • ファイル名の上を右クリックして新規ファイルを作成...をクリックします.

  • 3.Otherの構成設定には様々な種類があります.「File」をクリックして構成します.xcconfigファイルを作成します.

    このファイルをGitにアップロードできないからです.gitinore加ios/tmp.gitへのアップグレードを防ぐためにxcconfigを追加します.
  • の構成が作成されました.次のコードをxcconfigファイルに追加します.
  • #include? "tmp.xcconfig"

  • 左側のファイル名->プロジェクト->ファイル名info->構成->デバッグを再度クリック
    ファイル名の設定をConfigに変更する(以下に示す)


  • 親バーでProduct->Scheme->Edit Scheme...クリック


  • Build->Pre-action->サブ+ボタン->New Run Script Actionをクリック

    Provide build settingsを現在のプロジェクトに変更します.
  • "${SRCROOT}/../node_modules/react-native-config/ios/ReactNativeConfig/BuildXCConfig.rb" "${SRCROOT}/.." "${SRCROOT}/tmp.xcconfig"
    コードを上に適用します.
    そして再構築して確認したらカップ!🎊