我的博客

最近做RN开发，发现8081端口老是被暂用，问题如下：解决步骤如下：1.打开CMD窗口，根据端口号查找进程号 netstat-ano| findstr8081//列出进程极其占用的端口，且包含 8081发现8081端口被9628所暂用2.根据进程号寻找进程名称tasklist| findstr 9628发现该进程名称为

今天使用Webstorm创建新RN项目的时候出现了这样的错误！解决办法：网上百度了一圈，根据关键字如"errno -4048"等，然后操作了一遍问题依然存在，具体分析之后看到Webstorm先在Temp文件夹下创建临时文件时出现了权限不足的情况，所以修改Temp文件夹的权限为管理员权限，重启后，新建项目，没有出错！(注：仅供参考，具体问题具体分析)

前言：本文部分参考了React Native中文网本文所需工具： 1.JDK 1.8版本 2.Android studio 2.3.3  3.C++运行环境 cygwin 4.Git for window 5.python 6.node.js2.软件安装 2.1  JDK1.8      2.1.1.安装JDK1.8，点此去下载；      2.

RN通过onLayout属性获取当前组件的位置和属性信息

Text组件的点击事件是onPress，长按事件是onLongPress下面是对应的代码实现1：onPress事件对应的效果2：onLongPress事件长按事件效果

numberoflines属性用于对Text组件限制显示的文本行数1：未设置numberoflines属性，显示如下2：设置numberoflines属性，未显示的文字会以..的形式显示

RN使用Text来显示文本信息，如果一行中显示不同风格的文字，要使用到嵌套

我们如何通过RN实现如图所示的效果：一：图形分析1.1：图形分为3列，我们设置flexDirection为“”row”，每个View独占1/3，flex设置为11.2：2,3列先把图形均分为上下两部分，填充内容1.3：给2,3列设置边框二：代码实现按照一的分析，实现逻辑如下：2.1：把布局分为3部分2.2：分别填充内容2.3：添加边框

flex类似于Android中的weight，使伸缩项目尽可能充满右侧空间，如下图为默认：flex=2：flex=1的比例显示

前文介绍了RN沿伸缩轴的对其方式，这篇介绍RN沿交叉轴的对其方式RN沿交叉轴的对其方式分为4种，分别为：flex-start，flex-end，center，stretch下面演示效果：1.flex-start对其方式2.flex-end对其方式3.center对其方式4.stretch对其方式(貌似跟图一区别不大)

rn通过布局justifyContent来定义伸缩轴沿主轴的对其方式，取值为枚举类型，分别为：flex-start，flex-end，center，space-between，space-around1.flex-start对其方式2.flex-end对其方式3.center对其方式4.space-between对其方式5.space-aroun

在react 布局中如果填充的view过多时，view会不会自动折行呢？我们在view中添加了12个Text，只显示了5个，其他的view没有显示出来，说明view没有自动换行功能如何使view换行显示呢？我们用到flexwrap属性，在view的跟属性中设置flexwrap:"wrap"即可改变flexDirection的属性为columu时，也能显示出来

一：RN项目简介配置完RN开发环境后，通过webstorm新建一个测试项目，进入项目跟目录如下图1.android:此目录下是RN生成的android对应项目目录，运行Android失败时可以检测buildToolsVersion，gradle等是否一致2.iOS：对应RN生成的项目目录(不太熟，省)3.node_modules：依赖库，可以删除，删除后可以通过nmp instal

Flex布局如图是W3C Flexbox布局模型：flexbox由伸缩容器和伸缩项目组成；任何一个元素都可以指定flexbox布局，伸缩容器的子元素可以称为伸缩项目；伸缩项目使用伸缩布局模型来排版；在默认情况下，伸缩容器由两根轴组成：主轴(main axis)和交叉轴(cross asix)

前篇介绍了通过WebStorm创建RN项目，这篇介绍通过WebStorm导入Github中的RN项目1.准备工作   1.1. 下载Git，并在Setting->Version control ->Git中关联       1.2. 关联Github账户2.导入Github中RN项目    2.1.在Github中搜索 React native demo，如下 

RN项目的开发使用WebStorm开发工具，点击此处去下载1.点击File->New  Project ->React App2.New Project 下有三个选项说明如下：  2.1 Location：项目的保存位置和项目名称，本实例的项目名称为RNDemo  2.2  Node Interpreter：node解释器，输入Node安装目录中的Node.ext  2

前言封装了平台DrawerLayout（仅限安卓平台）的React组件。抽屉（通常用于导航切换）是通过renderNavigationView方法渲染的，并且DrawerLayoutAndroid的直接子视图会成为主视图（用于放置你的内容）。导航视图一开始在屏幕上并不可见，不过可以从drawerPosition指定的窗口侧面拖拽出来，并且抽屉的宽度可以使用drawerWidth属性来指定。(借鉴于...