0.1.2 • Published 6 years ago

@mooyoojs/taro-rax-components v0.1.2

Weekly downloads
1
License
-
Repository
github
Last release
6 years ago

Taro Components for React Native

Alo, alo! Bilibilibilibibili~

IOS: 如果你要用到 Icon,请先把 libART.a 引进去,步骤如下:

open ios/AwesomeProject.xcodeproj 在xcode中打开项目,拖拽 node_modules/react-native/Libraries/ART/ART.xcodeproj 到左侧栏的 Libraries 下;选中项目左侧栏中的根节点,然后在 Build PhasesLink Binary with Libraries 添加 libART.a

为了尽可能地减少用户需要的操作,斟酌再三,目前方案改成:IOS使用图片来实现 Icon。

Example

组件演示(视频480p)

由于在开发环境中用到 create-react-native-app 的模式,所以务必dependencies 的方式安装 react-nativeexpo,查看例子期间,务必保证它们待在 dependencies 下哦。

设置 package.json 中的 main./node_modules/react-native-scripts/build/bin/crna-entry.js

  • Expo版本清单,这里可以看到每个版本Expo对应的版本关系,这很重要
npm start

npm run ios

emulator @YOUR_AVD_NAME
npm run android

可能遇到的问题:

  • IOS:在启动模拟器时挂起时,请先下载 Expo版本清单 中的 iosUrl,把下载解压后的文件夹添加 .app 后缀放进 ~/.expo/ios-simulator-app-cache
  • IOS:遇到 Error: Process exited with non-zero code: 60 时,擦除内容和设置再重新运行。
  • IOS:遇到 React Native Version Mismatch 时,说明 ReactNative 的版本跟 expoSDK 的版本不匹配,装一个匹配的版本就好了。
  • Android:遇到 Error running adb: No Android device found. 时,请先下载 Expo版本清单 中的 androidUrl 放到 ~/.expo/android-apk-cache 下。

最后,当然你觉得麻烦的话::

你完全可以用 react-native-cli 初始化一个项目,然后把 src 目录整个复制到这个项目下来引用查看例子。

About code comments

  • ✔ Support
  • ✘ Not support
  • - Would not support

Todo list

FS = Fully Support PS = Partially Support MS = Minimum Support

  • 视图容器
    • view | MS
    • scroll-view | PS
    • swiper | PS
  • 基础内容
    • icon | FS
    • text | PS
    • rich-text | FS
    • progress | FS
  • 表单内容
    • button | PS
    • checkbox | FS
    • form | PS(without RESET)
    • input | PS
    • label | PS(without FOR)
    • picker | PS
    • radio | FS
    • slider | PS
    • switch | FS
    • textarea
  • 导航
  • 媒体组件
    • audio
    • image | PS
    • video
    • camera
  • 其他
    • tabbar

开发者日志

  • 2018-06-14:sdkmanager "system-images;android-28;default;x86_64" --proxy_host=mirrors.zzu.edu.cn --proxy_port=80 --proxy=http --no_https 即将开始安卓的测试。
  • 2018-06-13:换了新 MAC,测试用的 react-native-app 创建的 AwesomeProject 竟然跑不起来,这段时间应该有更新了,折腾半天,发现 package.json 有个 eject 命令,而且相比在原来的文件少了 ios 和 android 等目录,取而代之的是一个 .expo 文件夹,果然执行 eject 命令后,就可以正常跑起来了。
  • 2018-04: flow type annotation for children react elements