那在react-native0.75.1版本中应该如果正确使用react-native-config读取.env.development和.env.production
时间: 2024-12-17 22:18:11 浏览: 3
在React Native 0.75.1版本中,你可以使用`react-native-config`库来处理不同环境(如development和production)下的`.env`文件。以下是正确的步骤:
1. **安装 react-native-config**:
打开终端(对于iOS项目是Xcode的终端,对于Android项目是命令行),在项目根目录下运行:
```
npm install react-native-config --save
```
或者使用yarn:
```
yarn add react-native-config
```
2. **创建 .env 文件**:
在你的项目根目录下创建 `.env.development` 和 `.env.production`,分别存储对应环境的变量。例如:
- `.env.development`: 存储开发环境变量,如 `API_URL=dev.example.com`
- `.env.production`: 存储生产环境变量,如 `API_URL=prod.example.com`
3. **更新 package.json 文件**:
在 `scripts` 节添加以下代码,用于启动应用时自动加载配置:
```json
"start": "npx react-native start && npx react-native-config",
"android": "npx react-native run-android",
"ios": "react-native run-ios"
```
4. **在App.js 或 main.js 中引入并使用 Config**:
引入`Config`库,并使用其提供的全局变量:
```javascript
import { AppConfig } from 'react-native-config';
// 在组件或某个初始化的地方获取配置值
const apiUrl = AppConfig.API_URL;
console.log(apiUrl); // 输出当前环境的API URL
```
请注意,`Config`会动态读取`.env.{environment}`文件中的内容,不需要额外的代码处理切换环境。
阅读全文