Wbiokr的博客

配置react-native环境时候报错：unable to load script from assets 'index.android.bundle'.Make sure your bundle ispackged correctly or you are running a packger server.如图：百度了很久，好像没有多少真正对症的方法。去stackoverflow看了很多帖子，也

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

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

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

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

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

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

rn中没有fixed定位，更没有100%宽高； 我们可以Dimensions以及flex布局进行居中设置。。。//1. 把要居中定位的组件用view包起来(下面的样式便是针对外层view所写)；//2. 使用时候，将整个组件放在所有使用页面根组件下；//如：水平居中：width:Dimensions.get('window').width, //窗口宽度justifyC...