Edited at

react-nativeでreact-native-config`を使用するための設定

More than 1 year has passed since last update.

READMEにも記載されてある単純なことだが忘れがちなので備忘録。


目的

react-native initにて新たに作成したプロジェクトにてreact-native-configを使用できるようにする。


react-native-configとは

react-native-configはReact-native用のdotenvである。

このライブラリを使用することで.envファイルに記載されている変数をプロジェクト内で環境変数として扱うことができる。


セットアップ


react-native-configのインストール

yarn add react-native-config


react-native-configreact-nativeのプロジェクトに適用する

react-native link react-native-config


Androidの場合

android/app/build.gradleに下記変更を加える。

// 二行目に新たにapplyを追加する。

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"


これでreact-nativeのプロジェクトで.envから変数を取ってくることができる。