移动设备上的手势识别要比在 web 上复杂得多。用户的一次触摸操作的真实意图是什么,App 要经过好几个阶段才能判断。比如 App 需要判断用户的触摸到底是在滚动页面,还是滑动一个 widget,或者...
React Native 定时器
定时器是一个应用中非常重要的部分。React Native 实现了和浏览器一致的定时器 Timer。 定时器 setTimeout, clearTimeout setInterval, clearIn...
React Native 图片
静态图片资源 React Native 提供了一个统一的方式来管理 iOS 和 Android 应用中的图片。要往 App 中添加一个静态图片,只需把图片文件放在代码文件夹中某处,然后像下面这样去引用...
React Native 使用导航器跳转页面
移动应用基本不会只由一个页面组成。管理多个页面的呈现、跳转的组件就是通常所说的导航器(navigator)。 如果刚开始接触,那么直接选择React Navigation就好。 React Navig...
React Native 特定平台代码
在编写跨平台的应用时,肯定希望尽可能多地复用代码。但是总有些时候会碰到针对不同平台编写不同代码的需求。 React Native 提供了两种方法来区分平台: 使用Platform模块. 使用特定平台扩...
React Native 组件和API
React Native 提供了一些内置的组件。下面有一个简单分类: 基础组件 交互控件 列表视图 iOS独有组件 Android独有组件 需要说明的是,不要局限在这些内置组件上。React Nati...
React Native Network
很多移动应用都需要从远程地址中获取数据或资源。可能需要给某个 REST API 发起 POST 请求以提交用户数据,又或者可能仅仅需要从某个服务器上获取一些静态内容——以下就是你会用到的东西。 使用 ...
React Native 使用长列表
React Native 提供了几个适用于展示长列表数据的组件,一般而言会选用FlatList或是SectionList。 FlatList组件用于显示一个垂直的滚动列表,其中的元素之间结构近似而仅数...
React Native 使用滚动视图
ScrollView是一个通用的可滚动的容器,可以在其中放入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView 不仅可以垂直滚动,还能水平滚动(通过horizontal属性来设置)。...
React Native 处理触摸事件
移动应用上的用户交互基本靠“摸”。当然,“摸”也是有各种姿势的:在一个按钮上点击,在一个列表上滑动,或是在一个地图上缩放。React Native 提供了可以处理常见触摸手势(例如点击或滑动)的组件,...