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

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-configをreact-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から変数を取ってくることができる。