ReactNative UI库有很多,比较常用的有elements官网、AntDesig官网(目前是个人开发者维护,蚂蚁不维护)等。
后来发现有一个简易UI库teaset官网,纯JS组件, 体积小,适用于中小项目快速构建。
本文解决teaset提供的demo不能正常运行的问题:
第一步:
进入example 文件夹cd example
,安装三方库npm install
第二步:
再进入ios文件夹cd ios
,安装pods库
第三步:
此时运行报错,需要修改package.json
中的react-native版本为0.62.0
。Release 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替代。
网友评论