2018年01月_武东10号

原创 react-native---rn中的修饰组件（TouchableHightlight、TouchableOpacity、TouchableNativeFeedback等）

react-native中View组件这是单纯的视图容器，并不能响应交互变化，绑定事件，rn提供了TouchableOpacity等封装组件以正确响应触摸操作。TouchableWithoutFeedback：单纯的用户点击触摸响应组件，不会改变视图UI，仅绑定press、longPress等事件；TouchableOpacity：响应用户触摸操作，继承TouchableWithoutFe

2018-01-25 23:17:46 4033 1

转载 react-native---rn中的滑动视图组件（ScrollView）

ScrollView组件介绍与简单使用React Native中的 ScrollView 的组件除了包装滚动平台，还集成了触摸锁定的响应者系统，使用的时候有几点需要注意//ScrollView 必须有一个确定的高度才能正常工作,对于 ScrollView 来说，它就是将一些不确定高度的子组件装进确定高度的容器//初始化的2中方式1. 给 ScrollView 中加 [

2018-01-22 22:41:41 15468

转载 react-native---rn中的组件（TextInput）

TextInput 文本输入框React Native中的文本输入框使用和iOS比较相近，可能是因为 RN 首先封装iOS端的缘故（这点对iOS开发者来说是个好消息）TextInput也是继承自 View,所以 View 的属性 TextInput 也能使用，一些样式类的属性可以参照 View 的相关属性为了更好的讲解 TextInput，先创建一个基本的文本输入框// 视图

2018-01-22 21:44:36 1506

原创 react-native---rn中样色属性总结

布局类（flex）具体可参考justifyContent//主轴上对齐方式alignItems//副轴上对齐方式flexDirection//flex布局方向flexWrap//flex换行设置flexGrow//（子元素）放大权重flexShrink//(子元素)缩小权重flexBasis//（子元素）主轴空间配置flex//（子元素）上三者缩写alignSelf//（子元素）单

2018-01-22 20:43:22 3681

原创 react-native---react-native run-android启动时候报错"JS server not recognized, continuing with build..."

启动react-native run-android命令进行调试时候，可能会遇到服务找不到的报错：JS server not recognized, continuing with build..此时模拟器上是经典的红色报错。。。解决方法寻找端口netstat -aon|findstr "8081"记下ID，如6356 8081端口占用进程

2018-01-17 11:42:31 4222

原创 react-native---rn中的列表组件（FlatList）

react-native使用FlatList组件进行列表渲染，并使用data+renderItem对列表中单元组件进行配置，相当于HTML中ul/ol+li。FlatList功能： - 完全跨平台。 - 支持水平布局模式。 - 行组件显示或隐藏时可配置回调事件。 - 支持单独的头部组件、尾部组件、分割线组件以及空数据默认组件。 - 支持下拉刷新、上拉加载。 - 支持跳

2018-01-04 21:44:15 6002

Wbiokr的博客