原文:React Native填坑之旅--Navigation篇

React Native的导航有两种,一种是iOS和Android通用的叫做Navigator,一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator,NavigatorIOS也就不是什么难事了。 本文所使用的是React Native . 。FB团队更新的太快了,我会在后续出现大的改动的时候更新本文以及代码。 Navigator基础 Nav ...

2016-10-13 20:32 3 12642 推荐指数:

查看详情

React Native之旅--ListView

列表显示数据,基本什么应用都是必须。今天就来从浅到深的看看React Native的ListView怎么使用。笔者写作的时候RN版本是0.34。 最简单的 引入所需要的内置组件之类的就不多说了。 第一步,在constructor里设置数据源,并同时指定什么时候重新绘制一行,就是在 ...

Wed Oct 05 23:18:00 CST 2016 0 6067
React Native之旅--Button

React过来,发现React Native(以下简称RN)居然没有Button。隔壁的iOS是有UIButton的,隔壁的隔壁的Android里也是有的。没有Button,就没有点击效果啊。这还真是让人郁闷了。 什么叫Button。略去各种细节可以得出一个定义:可以处理用户点击,在用 ...

Mon Sep 26 01:43:00 CST 2016 0 11174
React Native之旅--布局

代码在这里: https://github.com/future-challenger/petshop/tree/master/client/petshop/src/controller 回头看看RN的之旅系列,发现一路写下来都是我在开发中遇到的问题如何解决的。兴之所至,不问顺序。于是出现 ...

Fri Oct 21 08:24:00 CST 2016 2 11556
React Native之旅 -- 使用react-navigation代替Navigator

Navigator已经被React Native废弃了。也许你可以在另外的一个依赖库里react-native-deprecated-custom-components里找到。不过既然官方推荐的是react-navigation那我们就来看看这个东西到底有什么好的,值不值得用。 一句话概括的话 ...

Wed Nov 08 06:55:00 CST 2017 0 5303
React Native之旅--Flow(番外)

flow不是React Native必会的技能,但是作为正式的产品开发优势很有必要掌握的技能之一。所以,算是RN之旅系列的番外篇。 Flow是一个静态的检查类型检查工具,设计之初的目的就是为了可以发现JavaScript脚本里不容易被发现的错误。在js开发的过程中,总会遇到一些问题。小的还可 ...

Tue Oct 25 22:15:00 CST 2016 1 2603
React Native之旅 -- FlatList

React Native里有很多种方法来创建可滚动的list。比如,ScrollView和ListView。他们都各有优缺点。但是在React Native 0.43里增加了两种行的list view。一个是FlatList, 一个是SectionList。今天我们就来详细了解一下 ...

Sun Nov 12 08:29:00 CST 2017 0 5136
react-native底部导航栏实现--react-navigation-tabs记录

最近刚开始学习react-native,在做一些小项目,实现底部tab栏时卡了半天,终于解决了! 开始去网上找实现底部tab栏的方法时,很多文章都写了用react-native-tab-navigator这个npm包实现。但是react-native-tab-navigator最后更新时间 ...

Sun Dec 29 08:26:00 CST 2019 0 1173
React NativeReact Navigation

  自动重装系统之后,已经很长一段时间没有来写React Native了,今天空闲之余,决定重新配置React Native的开发环境,继续踩...   React Native的开发环境配置狠简单,只要依照网上给出的步骤,复制粘贴,在终端下操作就行。   React Native中文网 ...

Wed May 29 23:34:00 CST 2019 0 824
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM