Podstawowe komponenty i interfejsy API

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

React Native udostępnia szereg wbudowanych podstawowych komponentów gotowych do użycia w twojej aplikacji. Możesz je wszystkie znaleźć w lewym pasku bocznym (lub w menu u góry, jeśli korzystasz z wąskiego ekranu). Jeśli nie wiesz, od czego zacząć, spójrz na poniższe kategorie:

• Podstawowe komponenty

• Interfejs użytkownika

• Widoki list

• Specyficzne dla Androida

• Specyficzne dla iOS

• Inne

Nie jesteś ograniczony do komponentów i API dostarczanych z React Native. React Native ma społeczność tysięcy developerów. Jeśli szukasz biblioteki, która realizuje konkretną funkcjonalność, zajrzyj do przewodnika o wyszukiwaniu bibliotek.

Podstawowe komponenty

Większość aplikacji będzie korzystać z jednego lub więcej z tych podstawowych komponentów.

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.

Interfejs użytkownika

Te popularne elementy interfejsu użytkownika będą renderowane na dowolnej platformie.

Button

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

Switch

Renders a boolean input.

Widoki list

W przeciwieństwie do bardziej ogólnego ScrollView, poniższe komponenty widoków list renderują tylko elementy aktualnie widoczne na ekranie. Dzięki temu są wydajnym wyborem do wyświetlania długich list danych.

FlatList

A component for rendering performant scrollable lists.

SectionList

Like FlatList, but for sectioned lists.

Komponenty i interfejsy API dla Androida

Wiele z poniższych komponentów to opakowania dla często używanych klas Androida.

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.

Komponenty i interfejsy API dla iOS

Wiele z poniższych komponentów to opakowania dla często używanych klas UIKit.

ActionSheetIOS

API to display an iOS action sheet or share sheet.

Inne

Te komponenty mogą być przydatne w niektórych aplikacjach. Aby zobaczyć pełną listę komponentów i interfejsów API, zajrzyj do lewego paska bocznego (lub menu u góry, jeśli masz wąski ekran).

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.