React Native 常用命令+渐变
1、react-native如何引用全局样式
全局样式
-
import { StyleSheet } from 'react-native';
-
-
export default StyleSheet.create({
-
container: {
-
flex: 1
-
},
-
welcome: {
-
fontSize: 20
-
}
-
});
在每一个需要引入的文件中引入该样式
-
import styles from './Style'
-
-
页面中:
-
<view style={styles.container}/>
2、常用命令
1.react-native --version //查看当前reactNative版本
2.sudo npm update -g react-native-cli //更新全局的reactNative到最新版本
3.npm info react-native //查看服务器端的reactNative的各版本信息
4.npm install //给下载的普通工程下载安装RN环境,根据配置的package.json
4.npm start //开启nodejs服务器,客户端可连接下载react js代码,注意debug setting里的ip和端口号分别是电脑 ip:8081
5.react-native upgrade //根据package.json配置的RN版本,更新RN环境代码
6.react-native run-android //运行Android工程
7.react-native run-ios //运行IOS工程
8.react-native init 工程名 //初始化一个工程、下载React Native的所有源代码和依赖包
9.npm install --save react-native@0.18 //项目降级或升级到指定版本,记得react-native upgrade更新一下项目依赖等
10.npm install react-native-storage --save // 安装某个lib到项目中
2、添加渐变:
使用react-native-linear-gradient插件
npm install react-native-linear-gradient --save
-
<LinearGradient colors={["#57AFFF","#2A63BF","#042289"]} style={{flex:1}}>
-
-
</LinearGradient>