.env

1. install

npm i react-native-dotenv

2.babel.config.js

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        'module:react-native-dotenv',
        {
          moduleName: '@env',
          path: '.env',
          blacklist: null,
          whitelist: null,
          safe: false,
          allowUndefined: true,
        },
      ],
    ],
  };
};

3. .env

API_KEY= "asdasdasd"

4. import

import { API_KEY } from "@env"

 

5. 예시

import { API_KEY } from "@env"

    // 날씨 API

    const { list } = await (

      await fetch(`https://api.openweathermap.org/data/2.5/forecast?lat=${latitude}&lon=${longitude}&appid=${API_KEY}&units=metric`)

    ).json();

6. 안될시

yarn start --reset-cache

를 해보고 안되면 vscode를 껐다 켜보던가 컴터를 껐다키던가 

저는 컴터를 껐다 키니까 됐습니다.

출처

https://yong-nyong.tistory.com/46

[React Native] 타입스크립트 환경에서 환경 변수(.env) 적용하기

https://velog.io/@devstefancho/React-Native-environment-varible-%ED%8C%8C%EC%9D%BC-%EB%A7%8C%EB%93%A4%EA%B8%B0-.env

[React-Native] environment varible 파일 만들기 (.env)