ReactNative系列讲义-基础篇
关注
分享
扫一扫
文章平均质量分 60
蜗牛慢慢跑
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
《ReactNative系列讲义》基础篇---07.Handling TextInput
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介学完了数据控制，学完了设置样式，也学完了事件的处理，今天我们来学习第一个交互性组件：TextInput。该组件的应用过程中会使用到上面所有学过的知识，因此该组件也算是一个综合应用知识的案例。二、基础知识基础属性：onChangeText 获取用户输入的内容，方法类型的属性（callback），用户输入的数据会以参...原创 2017-08-30 21:24:40 · 323 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---08.Networking
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介几乎所有的应用都需要和服务器端进行交互，以此从服务器端获取各种数据。RN中网络请求简单明了并且支持多种请求方式。下面让我们一起看看官方标准的网络请求方法（fetch）如何使用。二、基础知识fetch方法支持GET和POST请求方式第一个参数输入URL，第二个参数用来自定义HTTP请求，添加自定义的请求头或者PO...原创 2017-08-31 21:46:54 · 403 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---05.Style and Flex
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介每一个核心组件都自带一个style属性，用来添加组件的样式，比如字体大小、颜色、排列方式，组件的布局方式、位置等等。下面让我们一起来学习一下style样式的基本用法。二、基础知识style属性名称和CSS一样，只不过命名规则使用驼峰法。style属性最简单的方式是JavaScript对象类型，也可写成数组类型；...原创 2017-08-28 21:37:52 · 496 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---02.Components and Props
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介Components能够让你将UI独立分开，碎片化并重复使用。今天我们通过学习ReactNative中的数据类型来看看如何创建独立的UI Components。RN中控制组件的数据类型有两种，一种作用于组件间，叫做Props；一种作用于组件内部，叫做State。这篇文章我们先来学习一下组件间数据类型Props，也正是因为有...原创 2017-08-24 22:32:20 · 465 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---01.JSX
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介JSX属于React的基础概念，是JavaScript的延伸部分，正是JSX创造了React的元素。通俗的来讲，JSX类似于Web端的DIV等标签，用来描述UI该是什么样子。但是和HTML还是有一些差别的，因此我们需要重新来学一下这门新的标签语言，如果有熟悉HTML标签语言的朋友可以在学习JSX时类比一下HTML，看看到底...原创 2017-08-23 22:28:34 · 490 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---03.State and Lifecycle
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介上篇文章中我们一起学习了Components and Props，知道了ReactNative中两个基本概念：组件和属性，并且知道了两者之间的关系和使用方法与特性。这篇文章我们一起来认识一下ReactNative中的第二种数据类型：State。 State数据类型应用范围在组件内部，并且可依据需求实时变化并改变UI。...原创 2017-08-25 22:22:03 · 514 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---09.Conditional Rendering
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介前面几篇文章介绍了React的数据类型和组件的概念，因此我们知道在开发时，我们可以将一些功能拆分出来，哪怕很小的功能，都是可以拆分出来的。当我们使用的时候，会根据状态值来判断我们需要加载哪一部分组件，不加载哪一部分组件。今天，我们就一起来看看根据条件渲染UI组件。 React中根据条件渲染组件的工作原理和JavaScri...原创 2018-02-12 20:31:24 · 310 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---06.Layout and Flexbox
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介上一篇中介绍了组件尺寸的定义方式，今天聊聊组件位置的定义方式。首先是在父组件中确定子组件的布局方式，然后选择子组件在主轴上的排列方式和次轴的排列方式。Flexbox的设计初衷是为了使布局适应不同尺寸的屏幕。除个别例外，其他的方面都和CSS中的思想保持一致。二、基础知识flexDirection：决定主轴的布局...原创 2017-08-29 18:31:04 · 610 阅读 · 0 评论 -
《ReactNative系列讲义》基础篇---04.Handling Events
| 版权声明：本文为博主原创文章，未经博主允许不得转载。一、简介学完了数据，接下来我们学学方法的创建与调用，以及触发方法的载体。二、基础概念1. 触发Event事件的载体ReactNative组件：Button, Touchables（包括：TouchableHighlight, TouchableNativeFeedback, TouchableOpacity, ...原创 2017-08-26 23:32:39 · 453 阅读 · 0 评论