• Stars
    star
    196
  • Rank 198,553 (Top 4 %)
  • Language
    Java
  • License
    MIT License
  • Created over 5 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Taro 原生 React Native 壳子

Taro Native Shell

参考文档:Taro React Native 端开发流程 - 分离模式

Taro 原生 React Native 壳工程,和 React Native init 的工程的区别如下:

  1. 集成了 expo
  2. 集成了 Taro 依赖的所有原生库
  3. debug 方式变更: 在 JS 工程中 yarn dev:rn 启动 metro server
  4. release 方式变更: 在 JS 工程中 yarn buid:rn 打包 jsbundle 并通过配置 rn.output 输出到壳工程

该仓库如何生成

  1. 使用 react-native 初始化项目
npx react-native init taroDemo --version 0.68.1
  1. 使用 expo-cli 自动安装 expo
npx install-expo-modules@latest
  1. 修改部分代码以支持 Taro,此部分可以直接 cherry-pick

    • [scripts] 修改 android, ios 脚本,增加 upgradePeerdeps 脚本
    • [devDependencies] 增加 install-peerdepspod-install
    • [ios] 添加相关 APP 权限说明
    • [ios] 使用亮色主题
    • [android] 添加国内 maven 源
    • [android] 添加 gif 支持
    • [android] 注释原 react native 打包
    • [android] 使用亮色主题
    • [docs] 复制该 README.md 文件
    • [license] 复制 LICENSE 文件
  2. 更新 Taro 需要的依赖(如果还没正式发布,则使用对应的 alpha 或 beta 版本)

yarn
yarn upgradePeerdeps
  1. 添加打包脚本,此部分可以直接 cherry-pick
    • [fastlane] 添加 Android、iOS fastlane 配置
    • [actions] 添加 Android、iOS 打包脚本
    • [ios] 添加默认图标
    • [ios] 添加 ITSAppUsesNonExemptEncryption false
    • [ios] 添加 main.jsbundle assets 引用

React Native 小版本更新

https://react-native-community.github.io/upgrade-helper/

Taro 版本更新

使用 Taro 最新版,或者修改 upgradePeerdeps 指定 Taro 版本,再执行:

yarn upgradePeerdeps

More Repositories

1

taro

开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
TypeScript
35,513
star
2

nerv

A blazing fast React alternative, compatible with IE8 and React 16.
JavaScript
5,421
star
3

taro-ui

一款基于 Taro 框架开发的多端 UI 组件库
TypeScript
4,537
star
4

awesome-taro

多端统一开发框架 Taro 优秀学习资源汇总
2,683
star
5

taro-zhihu-sample

a demo based on taro
JavaScript
342
star
6

taro-ui-demo

非 Taro UI 官网示例代码
JavaScript
285
star
7

tarojs-plugin-ssr

让 Taro H5 支持 Pre-rendering、SSR 和 ISR,极致的首屏速度🚀,利于 SEO🔍
TypeScript
229
star
8

taro-sample-weapp

与小程序原生融合的示例
JavaScript
159
star
9

taro-v2ex

使用 Taro 实现 V2EX 小程序
TypeScript
155
star
10

taro-v2ex-hooks

使用 Taro 和 React Hooks 构建 v2ex 小程序
TypeScript
139
star
11

taro-project-templates

Templates for `taro init`
JavaScript
81
star
12

taro-rfcs

为了重大特性更新和架构更改顺利推进的 RFC 流程机制
74
star
13

taro-ui-sample

基于 Taro 的多端 UI 库示范用例
JavaScript
68
star
14

taro-antd-mobile

Taro 兼容 Ant Design Mobile
SCSS
60
star
15

taro-todo

多端解决方案示例
JavaScript
56
star
16

nerv-webpack-boilerplate

A webpack boilerplate with Nervjs
JavaScript
52
star
17

taro-components-sample

taro components sample
JavaScript
52
star
18

TodoMVC

TodoMVC with Taro + Redux
JavaScript
43
star
19

taro3-vant-sample

Taro3 中使用 vant-weapp 的示例
JavaScript
42
star
20

taro-todomvc-hooks

用 Taro 和 React Hooks API 实现 TodoMVC
JavaScript
41
star
21

taro-vant

Taro 兼容 VantUI
Vue
40
star
22

taro-redux-sample

taro redux sample
JavaScript
37
star
23

taro-uilib-react

Taro UI 库 React 版本范例
JavaScript
34
star
24

at-ui-nerv

AT-UI for Nerv
TypeScript
31
star
25

taro-plugin-inject

Taro 小程序端平台中间层插件
TypeScript
31
star
26

taro-user-cases

使用 Taro 开发的案例
JavaScript
29
star
27

taro-plugin-mock

Taro 数据 Mock 插件
TypeScript
27
star
28

taro-plugin-platform-kwai

快手小程序平台插件
TypeScript
26
star
29

taro-plugin-platform-lark

飞书(Lark)小程序平台插件
TypeScript
20
star
30

taro-plugin-platform-weapp-qy

企业微信插件
TypeScript
20
star
31

taro-components-test

Taro 组件化方案测试
JavaScript
20
star
32

taro-weui

Taro 兼容 WEUI
SCSS
18
star
33

taro-docs

Taro 文档
MDX
18
star
34

taro-bot

A bot app for Taro
TypeScript
16
star
35

taro-plugin-platform-alipay-dd

钉钉小程序平台插件
TypeScript
16
star
36

taro-apis-sample

taro apis sample
JavaScript
11
star
37

taro-plugin-platform-xhs

小红书小程序平台插件
TypeScript
11
star
38

taro-blended

在原生小程序项目中使用 Taro
JavaScript
10
star
39

taro-flexbox

Taro 跨端的flexbox布局案例
TypeScript
10
star
40

nerv-website

The landing page of Nerv
JavaScript
10
star
41

nerv-redux-todomvc

TodoMVC example using Nerv and Redux
TypeScript
9
star
42

parse-css-to-stylesheet

css转stylesheet插件,适用于鸿蒙、RN
Rust
8
star
43

taro-test-utils

多端单测工具
TypeScript
8
star
44

taro-component-website

Taro 基础组件库文档
CSS
6
star
45

taro-ui-theme-preview

Taro UI 自定义主题生成器
JavaScript
5
star
46

taro-calendar

一款基于 Taro 框架开发的多端 日历组件
TypeScript
5
star
47

taro-doctor

taro doctor based on NAPI-RS
Rust
4
star
48

nerv-server

Server-side rendering for Nerv.js
TypeScript
4
star
49

postcss-pxtransform

JavaScript
3
star
50

taro-plugin-indie

Taro 单独分包运行插件
TypeScript
3
star
51

taro-website

The landing page of Taro
JavaScript
3
star
52

taro-benchmark

Benchmark of Taro, weapp and jdapp.
JavaScript
3
star
53

taro-todos-pinia

Taro3 + Vue3 + pinia
Vue
2
star
54

taro-plugin-platform-alipay-iot

支付宝 IOT 端小程序平台插件
TypeScript
2
star
55

taro-plugin-shared-runtime

微信小程序多分包共享Taro运行时插件
TypeScript
2
star
56

nerv-test-utils

Mock react-test-utils used for Nerv.js
TypeScript
2
star
57

taro-issue-helper

https://nervjs.github.io/taro-issue-helper/
Vue
1
star
58

taro-ui-bot

A bot app for taro-ui
TypeScript
1
star
59

taro-plugin-migrate

快速升级迁移插件
TypeScript
1
star