React-Native 初始化项目

219 阅读1分钟

先检测环境是否可用

npx @react-native-community/cli doctor
npx react-native init ximalaya

多环境

yarn add react-native-config

iOS 链接

cd ios
pod install

Android 链接

image.png

apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

创建.env文件

image.png

App.tsx中导入

import Config from 'react-native-config';

绝对路径 image.png

image.png

iconfont

yarn add react-native-svg
// 字体图标转为组件工具
yarn add -D react-native-iconfont-cli
// 转为iconfont.json文件-
npx iconfont-init

image.png