核心组件与 API

非官方测试版翻译

本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →

React Native 提供了多种内置的核心组件，可直接在应用中使用。您可以在左侧边栏（或窄屏设备顶部的菜单）中找到所有组件。若不确定从何开始，可参考以下分类：

• 基础组件

• 用户界面

• 列表视图

• Android 专属

• iOS 专属

• 其他组件

您不仅限于使用 React Native 内置的组件和 API。React Native 拥有由数千名开发者组成的社区。若需寻找实现特定功能的库，请参考库资源查找指南。

基础组件

大多数应用都会使用这些基础组件中的一种或多种。

View

The most fundamental component for building a UI.

Text

A component for displaying text.

Image

A component for displaying images.

TextInput

A component for inputting text into the app via a keyboard.

Pressable

A wrapper component that can detect various stages of press interactions on any of its children.

ScrollView

Provides a scrolling container that can host multiple components and views.

StyleSheet

Provides an abstraction layer similar to CSS stylesheets.

用户界面

这些通用用户界面控件可在任何平台上渲染。

Button

A basic button component for handling touches that should render nicely on any platform.

Switch

Renders a boolean input.

列表视图

与通用型 ScrollView 不同，下列列表视图组件仅渲染当前屏幕显示的元素。这使其成为展示长数据列表的高性能选择。

FlatList

A component for rendering performant scrollable lists.

SectionList

Like FlatList, but for sectioned lists.

Android 组件与 API

以下组件多为常用 Android 类的封装实现。

BackHandler

Detect hardware button presses for back navigation.

DrawerLayoutAndroid

Renders a DrawerLayout on Android.

PermissionsAndroid

Provides access to the permissions model introduced in Android M.

ToastAndroid

Create an Android Toast alert.

iOS 组件与 API

以下组件多为常用 UIKit 类的封装实现。

ActionSheetIOS

API to display an iOS action sheet or share sheet.

其他组件

这些组件可能对特定场景有帮助。如需完整组件与 API 列表，请查阅左侧边栏（或窄屏设备顶部的菜单）。

ActivityIndicator

Displays a circular loading indicator.

Alert

Launches an alert dialog with the specified title and message.

Animated

A library for creating fluid, powerful animations that are easy to build and maintain.

Dimensions

Provides an interface for getting device dimensions.

KeyboardAvoidingView

Provides a view that moves out of the way of the virtual keyboard automatically.

Linking

Provides a general interface to interact with both incoming and outgoing app links.

Modal

Provides a simple way to present content above an enclosing view.

PixelRatio

Provides access to the device pixel density.

RefreshControl

This component is used inside a ScrollView to add pull to refresh functionality.

StatusBar

Component to control the app status bar.