打包你的App

打包应用

假设你的应用做完了,总不能还在后台开着packager就把应用发布出去吧。很明显,我们需要让应用可以离线,下边所要讲的就是
一个让应用脱离packager的过程

是时候用上React Navigation了

导航器

一个应用(普通的那种),总是有好多个界面,只有一个界面的应用怎么能留得住用户呢?(虽然有很多界面的也不一定留得住)
所以说,做应用一般不会只做一个页面。我们知道,网页之间可以自由跳转,通过一个<a></a>就可以搞定了,但是
开发应用不是写网页,React Native中也没有<a>,那当我们需要做界面跳转的时候该怎么办呢?答案是使用Navigator组件。
哈哈,逗你的,在0.42版本前使用Navigator来实现导航效果没问题,不过呢,自从0.43版本之后React Native将停止维护这个组件了,
因为出现了更好用的React Navigation(半官方)。

带你了解ListView及FlatList

ListView与FlatList

当你需要给用户在一个页面展示一堆数据的时候,一个一个去渲染对性能来说真的不好,所以我们使用React Native内置的列表
来渲染数据。在0.43版本之前,我们一直使用ListView来渲染数据,不过它的性能经常被人吐嘈,社区里也不断提出解决方案。
就连Realm都内置了一个性能更好些的ListView。不过自从官方发布了0.43版之后,这种局面应该会离我们远去了,因为官方给出了
更好的方案FlatList。不过,ListView虽然老旧了一些,但依然还有学习的必要,所以我们从ListView开始学起

存储:与AsyncStorage相比,Realm更应该作为重点掌握内容

储存

本章提要
1.AsyncStorage
2.Realm
一个应用总是要存些东西的,我们要怎么做才能把数据存起来呢?我们这里有两个选择,一个是使用官方提供的AsyncStorage另一个是使用小型数据库。

当数据量不大,结构很简单的时候,我们来使用AsyncStorage这个key-value储存系统,当数据量较大的时候,我们就需要使用小型数据库了,这里我们
会学习一个叫做Realm的数据库。

React Native中的样式,Flexbox布局及其他内容

是时候说说样式与布局了

本章提要

  • 样式
  • 布局
  • Dimensions

样式

在前几章说了一些样式,是不是有点懵了呢?没关系,我们一起看看样式在React Native中的使用。

在React Native中,写样式和写CSS差不多,只不过是把-的连接方式换成了小驼峰式。又把;换成了,,有的时候要把值加上分号,比如这样:

React Native常用的组件

一些一定要知道的组件

本章提要

  • View组件
  • Text组件
  • Button组件
  • Image组件
  • 第三方组件

很多组件是开发应用的基石,如果没有这些组件,那么是写不出来一个应用的,在这一章,我们来学习一些一定要知道的组件。

,