如今，iOS 和 Android 应用越来越受欢迎，许多公司都在构建应用，并希望以更快的速度开发它们。完全原生应用的成本非常高，因为它需要分别组建 iOS 和 Android 团队。React Native 为此提供了一个很好的解决方案，因为它开发的应用可以在 iOS 和 Android 上运行。React Native 是一个开源的移动开发框架，应用开发者更喜欢使用它来构建经济高效且节省时间的应用。React Native 起源于 Facebook 的一个黑客马拉松项目…… 阅读更多

一个帮助渲染分段列表的接口。SectionList 的一些重要特性包括：对列表的支持、对分区的头部/尾部支持、滚动加载、下拉刷新、完全跨平台。基本的 SectionList 组件如下所示：要使用 SectionList，请按如下所示导入组件：import { SectionList } from "react-native";这是一个 SectionList 上可用的重要属性列表：属性说明renderItem这是渲染分区中项目的默认函数。它返回一个 React 元素。此渲染函数将作为包含以下键的对象传递给 sectionlist：'item'(对象) - 项目对象'index' (数字) - 索引…… 阅读更多

FlatList 是一个可用于加载列表项的容器。它提供头部和尾部支持、多列支持，并带有垂直/水平滚动、延迟加载等功能。以下是一些 FlatList 的重要特性：带有滚动加载能够使用 ScrolltoIndex 支持调整滚动带有头部和尾部支持多列支持跨平台可配置的可视性回调FlatList 的基本结构如下所示：item.id} />FlatList 是从 VirtualizedList 组件实现的，它负责显示适合移动屏幕当前视口的有限数量的项目。其余数据…… 阅读更多

ScrollView 是一个滚动容器，可以容纳多个组件和视图。它是 reactnative 中的核心组件之一，使用它可以垂直和水平滚动。ScrollView 将根据其运行的平台映射到其本机等效项。因此，在 Android 上，视图将映射到，在 iOS 上将是，在 Web 环境中将是。示例 1：使用 ScrollView 垂直滚动在这个例子中，ScrollView 有一个 View 和一个 Text 组件，它被包裹在一个 View 中。要使用 ScrollView，首先导入组件：import { Text, … 阅读更多

可以按如下方式为你的应用设置样式：使用 Stylesheet 组件使用内联样式使用 Stylesheet 组件当你想要为你的应用应用样式时，React Native Stylesheet 组件非常方便且简洁。要使用 Stylesheet 组件，首先将其导入，如下所示：import { StyleSheet } from 'react-native';你可以使用 Stylesheet 组件创建样式，如下所示：const styles = StyleSheet.create({    container: {       flex: 1,       marginTop: StatusBar.currentHeight || 0,    },    item: {       margin: 10,       padding: 20,       marginVertical: 8,       … 阅读更多

Props 是帮助修改 React 组件的属性。可以使用 props 概念使用不同的参数来使用创建的组件。使用 props，你可以将信息从一个组件传递到另一个组件，同时根据你的需求重用组件。如果你精通 ReactJS，你就会熟悉 props，React Native 中也遵循相同的概念。让我们来看一个解释 props 是什么的例子。示例 1：React Native 内置组件中的 Props考虑 Image 组件：style 和 source 是 Image 组件的属性，即 props。…… 阅读更多

状态是数据来源的地方。我们应该始终尽量使我们的状态尽可能简单，并尽量减少有状态组件的数量。例如，如果我们有十个需要来自状态的数据的组件，我们应该创建一个容器组件来为所有这些组件保存状态。示例 1当用户按下按钮时，按钮标题更改为 ON/OFF。状态在构造函数中初始化，如下所示：constructor(props) {    super(props);    this.state = { isToggle: true }; }isToggle 是赋给状态的布尔值。…… 阅读更多

React Native 中最重要的核心组件如下：React Native 组件Android 原生视图iOS 原生视图Web 浏览器说明View - 当应用在 Android 设备上显示时，组件将更改为当应用在 IOS 设备上显示时，组件将更改为在 Web 浏览器中显示时，组件将更改为标签它是支持 flexbox 布局的核心容器。它还管理触摸处理。Text - 当应用在 Android 设备上显示时，组件将更改为当应用在…… 阅读更多

React Native 是 Facebook 的一个开源 JavaScript 移动框架，专门用于为 iOS 和 Android 构建原生移动应用。React Native 基于 ReactJS JavaScript 库，该库有助于为移动平台构建用户界面。React Native 可以直接用于现有的 iOS 或 Android 应用中，或者你可以从头开始构建原生应用。目前，React Native 被一些流行的应用使用，例如 Facebook 移动应用、Instagram、Pinterest、Skype 等。React Native 的一些重要特性使其成为当今非常流行的移动开发应用：跨平台支持 - … 阅读更多