react native坑之道

来源：互联网发布：sweetalert2.min.js 编辑：程序博客网时间：2024/06/11 13:41

订阅随笔-146 文章-1 评论-21

React Native工作小技巧及填坑记录

以下是本人在React Native开发工作中使用的一些小技巧,记录一下。

1.从网络上拉取下来的React Native缺少React和React Native库.

终端

1. cd 项目根目录

2. npm install

3. 完成之后,在根目录中会出现node_modules文件夹(和package.json同级目录).OK.接下来使用Xcode再次打开就好了.

2.如何导入第三方库.

1.cd 项目根目录

2.npm i 库名 --save

如: npm i react-native-tab-navigator --save 导入了react-native-tab-navigator这个库

3.获取屏幕的宽和高

使用Dimensions

?
1
2
varDimensions = require('Dimensions');
var{width,height} = Dimensions.get('window');

使用:

?
1
2
3
leftViewStyle:{
       width:width/4,
   },

4.根据不同的平台设置不同的效果

使用Platform

先引入Platform:

?
1
2
3
4
5
6
7
8
9
10
import{
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ListView,
    Image,
    TouchableOpacity,
    Platform
} from 'react-native';

　　使用:

?
1
2
3
4
iconStyle:{
    width: Platform.OS ==='ios' ? 30 : 25,
    height:Platform.OS ==='ios' ? 30 : 25
},

　5.颜色值使用RGB三色值.　　

?
1
backgroundColor:'rgba(234,234,234,1.0)',

6.ref的使用,可以获取上下文的组件.

<TextInput ref="tel"style={styles.telInputStyle} placeholder = {'

   
  阅读全文
                                                     0        0           	
					
					   react native坑之道
	  	   【React Native】之Native Modules
	  	   React Native]React Native组件之Navigator
	  	   react-native之初识react-native
	  	   react native 填坑之旅
	  	   React Native android -踩坑之路
	  	   react-native  开发app之坑
	  	   react-native 填坑之旅
	  	   React native 采坑之旅
	  	   react native之helloworld
	  	   React Native之序言
	  	   React Native之样式
	  	   React Native之hellWord
	  	   React native 之 tabbarIos
	  	   React Native之Navigator
	  	   React Native 之 安装
	  	   React Native 之 教程
	  	   React Native 之 Props
	     		  
	  	   Redis-HyperLogLog
	  	   常见的排序方式之二：选择排序
	  	   史上最浅显易懂的Git教程2 github
	  	   一维数组变二维数组的写法（详解）
	  	   springMVC
	  	   react native坑之道
	  	   fcntl函数详解
	  	   冒泡排序的优化
	  	   java中如何加载Properties文件
	  	   一.OpenCV 基本认知
	  	   sql server 全局参数
	  	   HTML学习笔记<7>[CSS]
	  	   小知识
	  	   反演





 
    		sweetalert2.min.js

原创粉丝点击

		
热门IT博客

优化同义词


东方网络2017分红


网络英雄洛克人第5部


手机淘宝分类不能


淘宝怎么添加在线客服


centos中文字体


js substr和slice


tensorflow 什么语言


南昌有mac口红专柜吗


淘宝客推广怎么弄


linux系统安装工具


比赛顺序抽签软件


网络蜘蛛


office淘宝验证码弹出


摩拜单车盈利模式 知乎


长沙源码是培训机构吗


linux mint各版本区别


v5.0端口修改器


七天网络查分系统


僵尸变脸是什么软件

		
热门问题
    老师的惩罚
    人脸识别
    我在镇武司摸鱼那些年
    重生之率土为王
    我在大康的咸鱼生活
    盘龙之生命进化
    天生仙种
    凡人之先天五行
    春回大明朝
    姑娘不必设防，我是瞎子
    韵达快递不发货怎么办
    发物流丢了怎么办啊
    圆通快递寄丢了怎么办
    中通快递弄丢了怎么办
    中通快递寄丢了怎么办
    中通快递丢了怎么办
    物流没保价坏了怎么办
    顺丰保值快递丢了怎么办
    顺丰保价件丢失怎么办
    公司购买货物对方没有发票怎么办
    加工货物对方不取怎么办
    物流发货发错了怎么办
    货车拉的货丢了怎么办
    壹米滴答丢货怎么办
    物流东西弄丢了怎么办
    理赔款账号打错了怎么办
    顺丰快递搞丢了怎么办
    论文表格跨页了怎么办
    网线突然没网了怎么办
    室内门高门洞矮怎么办
    路基填方土质含水率大怎么办
    公路工程材料价格不予调差怎么办
    桩基偏位60公分怎么办
    定义的跨板受力筋长度不够怎么办
    支座梁体预埋钢板忘记埋了怎么办
    做nt小孩头朝下怎么办
    简历上传的照片太大怎么办
    本科毕业论文没写英文摘要怎么办
    气泵储气罐有个小眼漏气怎么办
    吸拉开关坏了怎么办
    窗口数量已达上限怎么办
    村土地原始台账没有怎么办
    涂防晒霜后出汗怎么办
    张拉千斤顶泄荷回油不到位怎么办
    隧道二衬打到一半没混凝土怎么办
    在左车道骑电动车撞到车怎么办
    电镐钻头卡住了怎么办
    玩具机器人无线遥控不了怎么办
    电锤锤头卸不下来怎么办
    打地基没打出硬土层怎么办
    中标的项目经理没有B证怎么办





程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里