如何在react-native中处理环境配置以指向DEV/TEST/Production

npm install react-native-dotenv

npm install babel-plugin-transform-inline-environment-variables

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    ['transform-inline-environment-variables', {
      include: ['NODE_ENV', 'API_URL']
    }]
  ]
};

NODE_ENV=development
API_URL=https://dev.api.example.com

NODE_ENV=test
API_URL=https://test.api.example.com

NODE_ENV=production
API_URL=https://api.example.com

import 'react-native-dotenv';

const apiUrl = process.env.API_URL;

const apiUrl = process.env.API_URL;

"scripts": {
  "start": "react-native start",
  "android:dev": "ENVFILE=.env.development react-native run-android",
  "android:test": "ENVFILE=.env.test react-native run-android",
  "android:production": "ENVFILE=.env.production react-native run-android",
  "ios:dev": "ENVFILE=.env.development react-native run-ios",
  "ios:test": "ENVFILE=.env.test react-native run-ios",
  "ios:production": "ENVFILE=.env.production react-native run-ios"
}

const apiUrl = process.env.API_URL;

fetch(apiUrl)
  .then(response => response.json())
  .then(data => console.log(data));