React-Native 项目初始化

1. 创建RN项目

支持ts npx react-native init ximalaya --template react-native-template-typescript

2. 多环境

js可以这么写，但是android/ios不能：process.env.NODE_ENV === 'development'

使用react-native-config 第三方库

推荐个网站：js.coach

android/app/build.gradle

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

3. 绝对路径

src

• assets
• components
• config
• models
• navigator
• pages
• utils
• index.tsx

babel.config.js

plugins: [
    [
      'module-resolver',
      {
        root: ['./src'],
        alias: {
          '@/utils': './src/utils',
          '@/pages': './src/pages',
          '@/navigator': './src/navigator',
          '@/models': './src/models',
          '@/config': './src/config',
          '@/components': './src/components',
          '@/assets': './src/assets',
        },
      },
    ],
  ]

tsconfig.json

"paths": {
      "@/utils/*": ["utils/*"],
      "@/pages/*": ["pages/*"],
      "@/navigator/*": ["navigator/*"],
      "@/models/*": ["models/*"],
      "@/config/*": ["config/*"],
      "@/components/*": ["components/*"],
      "@/assets/*": ["assets/*"],
    },