Компонент ба API
React Native-т өөрийнх нь хэд хэдэн компонент байдаг. Дэлгэцийн зүүн гар талаас та компонент болон API-ийн бүрэн жагсаалтыг харж болно. Хэрэв хаанаас эхлэхээ мэдэхгүй бол доорх ангилсан хэсгүүдийг нэг хараарай:
React Native-т өгөгдсөн байх компонент болон API-нуудад заавал баригдах хэрэггүй. React Native бол олон мянган хөгжүүлэгчийн нэгдэл юм. Хэрэв танд ямар нэг зүйл хэрэгтэй байгаад түүнийг агуулсан сан хайж байгаа бол npm бүртгэлээс react-native гэсэн package-ийг хайх эсвэл Awesome React Native-ээс цэгцтэй жагсаалтыг хараарай.
Үндсэн компонент
Ихэнх аппууд эдгээр үндсэн компонентуудаас аль нэгийг ашигласан байдаг. Хэрэв та 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.
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.
Picker
Renders the native picker component on iOS and Android.
Slider
A component used to select a single value from a range of values.
Switch
Renders a boolean input.
Жагсаалт харах
Ерөнхий агуулгатай ScrollView-ийг бодвол доорх жагсаалт нь зөвхөн одоо дэлгэц дээр харагдаж байгаа зүйлсийг л ажиллуулдаг. Тиймээс урт жагсаалт бүхийг өгөгдлийг харуулахад тун тохиромжтой.
FlatList
A component for rendering performant scrollable lists.
SectionList
Like FlatList, but for sectioned lists.
iOS компонент болон API
Доорх компонентуудын ихэнх нь түгээмэл ашиглагддаг UIKit классуудад зориулсан wrapper-тай байдаг.
ActionSheetIOS
API to display an iOS action sheet or share sheet.
AlertIOS
Create an iOS alert dialog with a message or create a prompt for user input.
DatePickerIOS
Renders a date/time picker (selector) on iOS.
ImagePickerIOS
Renders a image picker on iOS.
NavigatorIOS
A wrapper around UINavigationController, enabling you to implement a navigation stack.
ProgressViewIOS
Renders a UIProgressView on iOS.
PushNotificationIOS
Handle push notifications for your app, including permission handling and icon badge number.
SegmentedControlIOS
Renders a UISegmentedControl on iOS.
TabBarIOS
Renders a UITabViewController on iOS. Use with TabBarIOS.Item.
Android компонент ба API
Доорх компонентуудын инэнх нь түгээмэл ашиглагддаг Android классуудад зориулсан wrapper-тай байдаг.
BackHandler
Detect hardware button presses for back navigation.
DatePickerAndroid
Opens the standard Android date picker dialog.
DrawerLayoutAndroid
Renders a DrawerLayout on Android.
PermissionsAndroid
Provides access to the permissions model introduced in Android M.
ProgressBarAndroid
Renders a ProgressBar on Android.
TimePickerAndroid
Opens the standard Android time picker dialog.
ToastAndroid
Create an Android Toast alert.
ToolbarAndroid
Renders a Toolbar on Android.
ViewPagerAndroid
Container that allows to flip left and right between child views.
Бусад
Тодорхой аппликейшнуудад эдгээр компонентууд хэрэг болно. Компонент болон 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.
CameraRoll
Provides access to the local camera roll / gallery.
Clipboard
Provides an interface for setting and getting content from the clipboard on both iOS and Android.
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.
WebView
A component that renders web content in a native view.