博客专栏  >  移动开发   >  React Native每日一学

React Native每日一学

作为一个React Native的爱好者,从零开始,将React Naive学习实践过程中总结的经验记录下来,分享出来。

关注
2 已关注
18篇博文
  • react native学习笔记17——存储篇(2)SQLite

    前言对于存放数据量小且简易的数据我们可以通过AsyncStorage来存储,但对于数据结构复杂、数据量大的数据,我们可以使用移动开发中常用的SQLite来处理。 SQLite是一种轻型的数据库,多用...

    5天前 18:53
    299
  • react native学习笔记16——存储篇(1)AsyncStorage

    前言React Native中常用的数据本地化存储的方法有如下几种: AsyncStorage:以键值对的形式存储的轻量存储器,只能存储字符串数据。 SQLite:一种轻型的数据库,多用于移动端开发,...

    2017-11-08 19:18
    377
  • react native学习笔记15——Picker、Switch、Slider

    本文将介绍三个常用的组件Picker、Switch、Slider,它们都是官方提供的,并且均可以在android与ios渲染对应的原生组件。这三个组件的使用很简单,在实战开发中也很常见,因此这里放在一...

    2017-10-31 19:12
    175
  • react native学习笔记14——WebView的使用及与html通信

    加载一个在线网页下例是一个最简单的WebView的使用,给定一个url网址,用WebView加载渲染出来。import React, { Component } from 'react'; impor...

    2017-10-27 17:13
    49
  • react native学习笔记13——FlatList上拉加载

    我们可以利用官方组件RefreshControl实现下拉刷新功能,但React Native官方没有提供相应的上拉加载的组件,因此在RN中实现上拉加载比下拉刷新要复杂一点。 虽然没有直接提供上拉加载...

    2017-10-25 14:14
    427
  • react native学习笔记12——RefreshControl下拉刷新

    RefreshControl是React Native官方提供的下拉刷新组件,用在ScrollView和FlatList内部,为其添加下拉刷新的功能。它是对原生平台下拉刷新组件的一个封装,使用起来比较...

    2017-10-10 19:32
    464
  • react native学习笔记11——react-native-swiper轮播图

    react native swiper可以实现广告轮播图和应用引导页的效果。如:安装react-native-swiper是第三方组件,通过nmp来安装。在项目的根目录下,通过输入npm instal...

    2017-09-27 20:06
    407
  • react native学习笔记10——react-navigation的嵌套使用

    前面介绍了react-navigation的StackNavigator、TabNavigator、DrawerNavigator 的基本使用方法,在实际项目中通常需要嵌套这几种导航方式。下面介绍这几...

    2017-09-24 17:42
    467
  • react native学习笔记9——引入第三方组件和react-navigation的使用

    前面我介绍过几个常用的内置组件的使用方法,对于一些较为复杂的需求可能需要写自定义组件来满足,但是有些时候第三方库的组件可以完美的满足相应的需求,没必要自己去实现一套,这时我们不妨利用现有的轮子,方便快...

    2017-09-20 19:27
    433
  • react native学习笔记8——网络请求

    react native提供ajax和fetch的网络请求的方式,ajax即XMLHttpRequest (XHR),是一种传统的网络请求的方式,其配置和调用方式比较混乱,不符合职责分离的原则,基于事...

    2017-09-12 19:18
    164
  • react native学习笔记7——组件生命周期

    每个组件都有自己的生命周期,在其生命周期内,组件经历了初始化-运行-销毁的过程。在运行阶段,每次状态(state)或属性(props)发生变化时,都有对应的组件方法将该变化通知给组件进行渲染刷新(关于...

    2017-09-06 21:21
    348
  • react native学习笔记6——Props和State

    Props(属性)和State(状态)是React Native中很重要的两个概念。使用Props和State,结合前面学的基本组件如View、Image、 Text、 FlatList等可以实现各种...

    2017-08-26 18:02
    137
  • react native学习笔记5——布局实战篇

    目标基础知识的学习只有在实践中使用才更容易被理解与吸收,前面几节都是在介绍基本的属性概念,我自己是一个比较健忘的人,我估计很多人也跟我一样在学了基本概念后过不了多久就忘了,或者只是有个印象却不知道该怎...

    2017-08-23 21:47
    263
  • react native学习笔记4——FlexBox布局

    FlexBoxReact Native是采用FlexBox(弹性)布局,使用FlexBox规则来指定某个组件的子元素的布局,FlexBox提供了在不同尺寸设备上都能保持一致的布局方式,它是CSS3弹性...

    2017-08-19 18:11
    1850
  • react native学习笔记3——常见的基本组件简介

    本文是我整理的各个常用组件的基本使用方法,主要简要几个常见的基本组件,作为入门材料使初学者对RN中的常用组件有个直观的了解,快速入门,加强学习的成就感,增强学习RN的动力,不会面面俱到的详细讲解组件中...

    2017-08-16 23:07
    301
  • react native学习笔记2——Hello World和组件构成简介

    相信配置好rn环境的朋友,在初始化好第一个项目AwesomeProject后会忍不住尝试动手改一改、试一试。下面还是遵循古老传统从hello world开始表演,可以在最初搭建好环境时新建的第一个项目...

    2017-08-14 21:18
    394
  • react native学习笔记1——webstorm安装与配置

    工欲善其事必先利其器,选择一个趁手的IDE,码起来代码来是事半功倍。 本人由于也是初学RN,对各个前端IDE其实并没多少接触,之前只用过Sublime,对我而言Sublime更像是个文本编辑器,但它...

    2017-08-10 22:23
    797
  • react native学习笔记0——windows环境搭建

    本文基本步骤是参考RN中文官网结合自己实际搭建体验而来,由于Chocolatey被墙,所以python2和nodejs直接分别在对应的官方网站下载安装的。 下面正式介绍从零开始搭建react nat...

    2017-08-09 13:48
    327
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部