美文网首页
ReactNative 简易UI库 teaset 示例程序运行问

ReactNative 简易UI库 teaset 示例程序运行问

作者: 圆脸黑猫警长 | 来源:发表于2020-12-15 09:59 被阅读0次

ReactNative UI库有很多,比较常用的有elements官网、AntDesig官网(目前是个人开发者维护,蚂蚁不维护)等。
后来发现有一个简易UI库teaset官网,纯JS组件, 体积小,适用于中小项目快速构建。

本文解决teaset提供的demo不能正常运行的问题:

第一步:

进入example 文件夹cd example ,安装三方库npm install

第二步:

再进入ios文件夹cd ios,安装pods库

第三步:

此时运行报错,需要修改package.json中的react-native版本为0.62.0Release Node中有说明

...
  "dependencies": {
    "react": "16.9.0",
    "react-native": "0.62.0", // 修改这里的版本
    "teaset": "latest"
  },
...
第四步:

重新运行即可:npm run ios。中间可能出现pods 的报错,例如[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker":或者类似的,这样的问题是因为npm安装的包出现问题,重现npm install即可,或者yarn install

第五步:

此时项目可以运行起来,但是发现图片不能正常显示。暂时没有解决这个问题。

这个库目前笔者使用的最新版0.7.4在一些东西的使用上还是有一些小bug,但不影响整体效果,如果对这些有要求那么需要读者自行修改问题,或者用Ant/element替代。

相关文章

网友评论

      本文标题:ReactNative 简易UI库 teaset 示例程序运行问

      本文链接:https://www.haomeiwen.com/subject/limigktx.html