React Native 常用命令+渐变

1、react-native如何引用全局样式

全局样式

  1.  
    import { StyleSheet } from 'react-native';
  2.  
     
  3.  
    export default StyleSheet.create({
  4.  
    container: {
  5.  
    flex: 1
  6.  
    },
  7.  
    welcome: {
  8.  
    fontSize: 20
  9.  
    }
  10.  
    });

在每一个需要引入的文件中引入该样式 

  1.  
    import styles from './Style'
  2.  
     
  3.  
    页面中:
  4.  
    <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
  1.  
    <LinearGradient colors={["#57AFFF","#2A63BF","#042289"]} style={{flex:1}}>
  2.  
     
  3.  
    </LinearGradient>

posted on 2022-12-02 17:22  漫思  阅读(42)  评论(0编辑  收藏  举报

导航