react-native-template-alboped

这是一个 React Native 项目模版, 基于react-native官方模版.

主要特点

• 页面路由使用 react-navigation；
• 基础组件库使用 react-native-ui-lib；
• 状态管理使用 zustand；
• 样式管理使用 tailwind；

开始

💡 初始化项目

npx react-native init myApp --template react-native-template-alboped

🛠️ 安装依赖

安装npm依赖

# npm
npm install

# Yarn
yarn

安装pod依赖

# npm
npm run pod-install

# Yarn
yarn pod-install

🚀 启动项目

启动RN服务

# npm
npm run start

# Yarn
yarn start

启动 Android 应用

# npm
npm run android

# Yarn
yarn android

启动 iOS 应用

# npm
npm run ios

# Yarn
yarn ios

如果顺利，会自动启动android模拟器或者iOS模拟器并运行App

🎉 开始开发

• Android 点击 Ctrl + M (Window、Linux) 或 Cmd ⌘ + M (macOS)

• iOS 点击 D 或 Ctrl + Cmd ⌘ + Z 打开开发者菜单

• Android 和 iOS 点击 R 刷新应用

🔧 调试

• 命令行中点击 J 打开 react-native 调试工具、或使用 Flipper 进行调试

• 详细调试方法请查看官方文档 中文 英文

其他

• 了解更多react-native相关信息，查看官方文档 中文 英文

• 故障排除 中文 英文

正在持续完善中！😘