本文共 1636 字，大约阅读时间需要 5 分钟。

一、dos命令

运行RN项目

1、首先npm install

2、react-native run-android 注意npm install默认下载的是官网的包，要改成公司内部的链接地址npm set registry http://npm.yijiupidev.com

大项目下npm start

android studio下载好相关文件后直接点击按钮运行 react-devtools查看dom结构    npm un react-native-linear-gradient 卸载本地该插件项目 npm i -s react-native-linear-gradient 安装本地该插件项目

先运行android,再npm start（使本地和）

android,命令行打包：（打包工具打包）

gradlew.bat assembleRelease --console plain

二、导入三方库

1、全局安装rnpmnpm install rnpm -g2、先安装三方库,再关联npm install react-native-module --savernpm link react-native-module或者直接安装并关联rnpm install react-native-module

三、常见样式问题 flex :1 其子元素 有相同的长度 justifyContent:'center'左右居中 alignItems 上下居中 flexDirction row(横向) colum(纵向)  整体 方向 justifyContent(子元素与子元素之间的关系) 上 下  中 flex-start center flex-end space-around space-between 子 alignItems 决定你控件的位于屏幕的竖向 左右中 位置 flex-start(左或上) center flex-end(右或下) stretch display:item.deliveryType==0?'none':'flex'隐藏

文本行数限制，添加后超过限制行数文本会在末尾默认以...的形式省略。

numberOfLines={1} ellipsizeMode='tail'

四、React Native的state使用详解 onPress={ ()=> {this.setState ({ size:this.state.size+10}); }} <Image  style={ {width:this.state.size,height:this.state.size}}   source={require('./qiqiu.png)}/> 什么是state props是不可改变，只读的。为了实现交互，就需要用到组件的state。我们将组件看为状态机，UI是各种各样的状态，并在各种各样的状态之间可以切换，只需要改变组件的state，就会重新渲染UI。 state是组件私有的，是没有办法通过其他组件传递过来的。 如何使用state 方式一、 我们可以在组件的构造方法中，初始化组件的state。 constructor(props){super(props); this.state={size:80} } 初始化size，默认给它80. 方式二、 直接在组件内，state={size：80}。不用写在构造方法内。 static static backPre(){         YBaseCommon.popActivity(false);     } 加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用（和Java类似） 阴影：目前只支持IOS shadowColor:'#000',         shadowOffset:{             width:20, height:20         },         shadowOpacity:0.5,         shadowRadius:5

转载地址：http://xtqii.baihongyu.com/