React Native 常用命令+渐变

    技术2023-10-04  98

    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>
    Processed: 0.012, SQL: 9