react-native
文章平均质量分 60
Keep_Moving31038
这个作者很懒,什么都没留下…
展开
-
Redux源码分析之基本概念
Redux源码分析之基本概念Redux源码分析之createStoreRedux源码分析之bindActionCreatorsRedux源码分析之combineReducers Redux源码分析之compose Redux源码分析之applyMiddleware redux版本 3.7.2 (注: 分析的是redux,不是React-redux,转载 2017-08-31 10:50:02 · 380 阅读 · 0 评论 -
组件ScrollView的使用
一、组件ScrollView 1. ScrollView是一个通用的可滚动的容器,你可以在其中放入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView不仅可以垂直滚动,还能水平滚动 2. app上的轮播图和引导页,都可以使用ScrollView来完成 3. ScrollView中常用的属性 1) horizon原创 2017-05-08 21:12:09 · 587 阅读 · 0 评论 -
组件的生命周期
一、组件的生命周期 1. ReactNative组件的声明周期大致上可以划分为实例化阶段、存在阶段、销毁阶段 2. 最常用的为实例化阶段,该阶段就是组件的构建、展示时期,需要我们根据几个函数的调用过程,控制好组件的展示和逻辑的处理 3. 实例化阶段函数功能分析 1) getDefaultProps原创 2017-05-08 21:11:05 · 358 阅读 · 0 评论 -
TextInput组件和Touchable组件
一、TextInput组件 1. 通过键盘将文本输入到应用程序的一个基本组件,写法如下: 2. 组件的常用属性 1) placeholder 占位符,在输入前显示的文本内容。 2) value 文本输入框的默认值,该值设置过后,不能在输入框内直接修改,在下一篇会讲解修改方式,原创 2017-05-08 21:09:56 · 458 阅读 · 0 评论 -
组件Image的使用
一、组件Image 1. 在开发中有一个非常重要的组件Image,通过这个组件可以展示各种各样的图片,而且在React Native中该组件可以通过多种方式加载图片资源 2. 从当前RN项目中加载图片 1) RN中引入其他文件中的内容基本都是使用require引用,图片也不例外 2) require后面的路径跟img中s原创 2017-05-08 21:08:02 · 677 阅读 · 0 评论 -
浅谈FlexBox布局
一、体验FlexBox布局 1. 我们之前做的web布局都是基于盒子模型,而现在我们有一种全新的布局方式-flex布局,它又叫做弹性盒模型,指在通过弹性的方式来对齐和分布容器中的内容,使其能使用不同屏幕,为盒模型提供最大的灵活性,目前他已经得到了所有浏览器的支持。 2. 上面说的是官话,说实话我刚看到上面的解释也是一脸懵逼,等你正在懂了什么叫弹性布局,你再回来看这段话,你会原创 2017-05-08 21:06:55 · 433 阅读 · 0 评论 -
RN的前生后世
一、React Native的由来 1. 尽管在移动开发中,原生App的开发成本很高,但现阶段原生开发仍然是必须的,因为基于iOS和Android webView控件的web app用户体验比较差。 2. React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架 React 在原生移动应用平台的衍原创 2017-05-08 21:03:50 · 583 阅读 · 0 评论 -
RN学习第一篇-开发环境的配置
安装必须需的软件 1、首先要安装mac的包管理器:Homebrew用于安装NodeJS和一些其他必需的工具软件。 启动终端输入命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 译注:在Max OS X 10.原创 2017-05-08 21:01:54 · 351 阅读 · 0 评论 -
JSX和组件的概念
一、JSX和组件的概念 1. JSX 1) 传统通过JS布局页面的方式如下: var img = document.createElement("img"); img.src="images/1.jpg"; $("#main").appendChild(newBox); 相对原创 2017-05-08 21:05:15 · 603 阅读 · 0 评论 -
网络请求fetch和组件ListView
一、使用fetch做网络请求 1. fetch其实是封装ES6中的网络请求方式Promise,有兴趣的可以去看看,我们这里直接使用fetch,请求方式如下 fetch("url",{ //请求方式 method:"post", //请求头 head原创 2017-05-08 21:13:24 · 415 阅读 · 0 评论 -
组件Navigator的使用
二、Navigator 1. 很多时候,我们需要导航器来应对不同场景间的切换,它通过路由对象来分辨不同的场景,我们这里采用的是renderScene方法,根据指定的路由来渲染 2. 常用的属性 1) initialRoute Object 初始化路由 1. 对象格式原创 2017-05-08 21:15:08 · 818 阅读 · 0 评论 -
React Native——react-navigation的使用
在 React Native 中,官方已经推荐使用 react-navigation 来实现各个界面的跳转和不同板块的切换。 react-navigation 主要包括三个组件:StackNavigator 导航组件TabNavigator 切换组件DrawerNavigator 抽屉组件StackNavigator 用于实现各个页面之间的跳转, TabNavigator 用来实现转载 2017-08-30 09:10:39 · 809 阅读 · 0 评论 -
react-native面试题
声明:题目是群里面看到的,并不完全。答案自己手撸1、下面打印出b的值是?if(true){let b = 2} alert(b).let不存在变量提升,且作用域只在代码块,输出undefined2、const name = 'jack'; const age = 20; const person = {[name] : true, [age] : true}. pe转载 2017-08-30 09:08:26 · 3365 阅读 · 0 评论 -
rn中常用第三方组件
调用系统打电话、发短信、发邮件、打开网址功能https://github.com/anarchicknight/react-native-communications快速检索列表(按首字母)https://github.com/johanneslumpe/react-native-selectablesectionlistview图表组件https://github.c转载 2017-08-30 09:05:30 · 2024 阅读 · 0 评论 -
react native天气项目
学习ReactNative有一段时间了,于是开发了一个简单的天气应用练练手,欢迎大家fllow和star http://www.jianshu.com/p/95b44212863e项目地址:https://github.com/nickming/ReactWeatherReactWeather基于ReactNative的简单展示天气的应用,下图是部分在iphone上运行效果,转载 2017-08-30 09:03:08 · 860 阅读 · 0 评论 -
React Native工作小技巧及填坑记录
以下是本人在React Native开发工作中使用的一些小技巧,记录一下。http://www.cnblogs.com/shaoting/p/6491978.html1.从网络上拉取下来的react Native缺少React和React Native库.终端1. cd 项目根目录2. npm install3. 完成之后,在根目录中会出现n转载 2017-08-30 09:01:50 · 471 阅读 · 0 评论 -
React Native 源码导读(零) – 创建/运行/调试
最近工作需要,重新看 React Native (以下简称RN) 源码,了解机制,寻找优化空间,过程中看能不能整理出一些东西。RN 这个项目已经是庞然大物,打开 github 项目主页,根目录下文件和文件夹就多达五六十个,看起来一脸懵逼,不知道哪些是源码,在看源码之前先理理 RN 最终用到哪些代码,项目是怎样创建,怎样跑起来的。以下皆以 iOS 端为例。流程先看看标准转载 2017-08-29 19:49:38 · 386 阅读 · 0 评论 -
React-Native到0.44版本后Navigator 不能用的问题
报错:'Navigator is deprecated and has been removed from this package. It can now be installed ' + 'and imported from `react-native-deprecated-custom-components` instead of `react-native`. '原创 2017-05-18 10:10:32 · 7812 阅读 · 7 评论 -
React Native中引入外部类库
例如:引入计时器类库:react-timer-mixin打开终端:cd 项目的根目录 npm i react-timer-mixin --save即可原创 2017-05-11 10:59:08 · 612 阅读 · 0 评论 -
UI工具-阿里巴巴矢量图标库
各种UI图库:点击打开链接原创 2017-10-27 14:38:29 · 2244 阅读 · 0 评论