环境配置：dev-test-pro

.env

+API_URL=http://dev.vtstar.net/
+APP_NAME=RN-开发
\ No newline at end of file

.env.production

+API_URL=http://pro.vtstar.net/
+APP_NAME=RN-生产
\ No newline at end of file

.env.test

+API_URL=http://test.vtstar.net/
+APP_NAME=RN-test
\ No newline at end of file

android/app/build.gradle

 apply plugin: "com.android.application"
-
+apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
 import com.android.build.OutputFile
 
 /**

package.json

@@ -26,6 +26,7 @@
     "@rematch/core": "^1.4.0",
     "react": "16.13.1",
     "react-native": "0.63.4",
+    "react-native-config": "^1.4.2",
     "react-native-gesture-handler": "^1.9.0",
     "react-native-reanimated": "^1.13.2",
     "react-native-safe-area-context": "^3.1.9",

src/views/Home.js

@@ -2,12 +2,13 @@
  * @Author: zhuchuanyong
  * @Date: 2021-01-25 14:44:12
  * @LastEditors: zhuchuanyong
- * @LastEditTime: 2021-01-28 13:32:42
+ * @LastEditTime: 2021-01-29 11:04:17
  * @FilePath: \src\views\Home.js
  */
 import {Button} from '@ant-design/react-native';
 import React from 'react';
-
+import {View, Text} from 'react-native';
+import Config from 'react-native-config';
 const Home = (props) => {
   let {navigation} = props;
   const gotoDetail = () => {
@@ -17,8 +18,13 @@ const Home = (props) => {
       target: '干翻华为 Are you ok',
     });
   };
+  console.log('Config', Config);
   return (
     <>
+      <View>
+        <Text>{Config.API_URL}</Text>
+        <Text>{Config.VERSION_NAME}</Text>
+      </View>
       <Button type="primary" onPress={() => gotoDetail()}>
         Home
       </Button>

yarn.lock

@@ -6861,6 +6861,11 @@ react-native-collapsible@^1.5.2:
   dependencies:
     prop-types "^15.6.2"
 
+react-native-config@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/react-native-config/-/react-native-config-1.4.2.tgz#cc39f22ed72c5cb06af1adf0ba70ef01593900b4"
+  integrity sha512-iTvCvThvFTH7SdiBcsxYtpLy86zglsh51ZBqFPPZ75tdrQMdlRnDNnb86kNjQf03KT0qs1nCMLRejfPMIim8iA==
+
 react-native-gesture-handler@^1.9.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.9.0.tgz#e441b1c0277c3fd4ca3e5c58fdd681e2f0ceddf0"