React Native 手势响应系统 React Native

React Native 手势响应系统

移动设备上的手势识别要比在 web 上复杂得多。用户的一次触摸操作的真实意图是什么,App 要经过好几个阶段才能判断。比如 App 需要判断用户的触摸到底是在滚动页面,还是滑动一个 widget,或者...
阅读全文
React Native 图片 React Native

React Native 图片

静态图片资源 React Native 提供了一个统一的方式来管理 iOS 和 Android 应用中的图片。要往 App 中添加一个静态图片,只需把图片文件放在代码文件夹中某处,然后像下面这样去引用...
阅读全文
React Native 特定平台代码 React Native

React Native 特定平台代码

在编写跨平台的应用时,肯定希望尽可能多地复用代码。但是总有些时候会碰到针对不同平台编写不同代码的需求。 React Native 提供了两种方法来区分平台: 使用Platform模块. 使用特定平台扩...
阅读全文
React Native 组件和API React Native

React Native 组件和API

React Native 提供了一些内置的组件。下面有一个简单分类: 基础组件 交互控件 列表视图 iOS独有组件 Android独有组件 需要说明的是,不要局限在这些内置组件上。React Nati...
阅读全文
React Native Network React Native

React Native Network

很多移动应用都需要从远程地址中获取数据或资源。可能需要给某个 REST API 发起 POST 请求以提交用户数据,又或者可能仅仅需要从某个服务器上获取一些静态内容——以下就是你会用到的东西。 使用 ...
阅读全文
React Native 使用长列表 React Native

React Native 使用长列表

React Native 提供了几个适用于展示长列表数据的组件,一般而言会选用FlatList或是SectionList。 FlatList组件用于显示一个垂直的滚动列表,其中的元素之间结构近似而仅数...
阅读全文
React Native 使用滚动视图 React Native

React Native 使用滚动视图

ScrollView是一个通用的可滚动的容器,可以在其中放入多个组件和视图,而且这些组件并不需要是同类型的。ScrollView 不仅可以垂直滚动,还能水平滚动(通过horizontal属性来设置)。...
阅读全文
React Native 处理触摸事件 React Native

React Native 处理触摸事件

移动应用上的用户交互基本靠“摸”。当然,“摸”也是有各种姿势的:在一个按钮上点击,在一个列表上滑动,或是在一个地图上缩放。React Native 提供了可以处理常见触摸手势(例如点击或滑动)的组件,...
阅读全文