
reactnative
文章平均质量分 69
奋斗的orange
开朗奋斗
展开
-
react native ios添加ART.xcodeproj(ReactNative No component found for view with name “ARTSurfaceView”)
写给并不熟悉xcode的童鞋。1、使用xcode中打开react-native中的ios项目,选中‘Libraries’目录 ——> 右键选择‘Add Files to 项目名称’ ——> 'node_modules/react-native/Libraries/ART/ART.xcodeproj' 添加;2、选中项目根目录 ——> 点击’Build Phases‘ ——> 点击‘原创 2017-05-03 17:21:16 · 4147 阅读 · 0 评论 -
react-native-vector-icons使用
react-native-vector-icons使用1、安装及配置(1)使用 npm install react-native-vector-icons --save命令进行安装;(2)在xcode中打开项目,将node_modules/react-native-vector-icons下Fonts文件夹拖入xcode中,选择“Add to targets”和“Create groups”; (原创 2017-05-06 18:17:01 · 1718 阅读 · 0 评论 -
react-native-vector-icons使用(二)
react-native-vector-icons使用(二)使用react-native-vector-icons大多都需要自定义,将项目图片转为ttf字体图标进行使用。框架的使用及自定义详细见:https://github.com/oblador/react-native-vector-icons推荐图标库:IconFont:http://www.iconfont.cn/home/index F原创 2017-05-08 19:11:30 · 5089 阅读 · 0 评论 -
ReactNative源码分析之VirtualizedList
ReactNative列表是基于ScrollView的,并没有直接使用IOS或Android的原生列表组件。因为RN真正调用native代码是异步的,并不能保证同步,而在native环境中,所有即将在视窗中呈现的元素都必须同步渲染,超过一定的时间(ios为16ms)就会出现掉帧,所以RN采用ScrollView作为列表组件的基础。 ReactNative刚开始提供的是ListView组件,在原创 2018-01-02 16:36:55 · 3049 阅读 · 1 评论 -
ReactNative组件分析之Image
本文在native端的分析仅包含android层面。下文引用的js源码基于ReactNative 0.51,node_modules/react-native/Libraries/Lists/目录下。关于Image的使用在官网和中文网的文档里已经描述的很清楚了,不再赘述。这里这分析一下在Android中图片压缩部分以及Image的两个方法。resizeMethodandroid r原创 2018-01-04 18:30:20 · 2880 阅读 · 0 评论