LoginSignup
2
0

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-08-12

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

2
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
2
0