Scribd
Upload
5 views

react_native_components_cheatsheet

This document is a cheat sheet for React Native core components, categorizing them into Basic Components, User Interface Elements, Android/iOS Specific Components, and Utilities. It lists essential components such as View, Text, Image, and FlatList, along with their functionalities. The document also highlights the most commonly used components that are recommended for mastery.

Uploaded by

akashphukan69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

react_native_components_cheatsheet

This document is a cheat sheet for React Native core components, categorizing them into Basic Components, User Interface Elements, Android/iOS Specific Components, and Utilities. It lists essential components such as View, Text, Image, and FlatList, along with their functionalities. The document also highlights the most commonly used components that are recommended for mastery.

Uploaded by

akashphukan69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

React Native Core Components Cheat Sheet

1. Basic Components

View - Basic building block for layout

Text - For displaying text

Image - For displaying images

TextInput - Input field

ScrollView - Scrollable container

Button - Simple button

Pressable - Detect presses

TouchableOpacity - Touchable with fade effect

TouchableHighlight - Touchable with highlight effect

TouchableWithoutFeedback - Touchable without feedback

FlatList - Optimized scrolling list

SectionList - List with sections

VirtualizedList - For huge lists

Modal - Display content above everything

2. User Interface Elements

ActivityIndicator - Loading spinner

Switch - On/off switch

RefreshControl - Pull-to-refresh functionality

StatusBar - Manage the device's status bar

ProgressBarAndroid (Android-only) - Progress bar

ProgressViewIOS (iOS-only) - Progress view

3. Android/iOS Specific Components

Picker - Dropdown selector

DrawerLayoutAndroid - Android drawer

ToastAndroid - Toast messages on Android


React Native Core Components Cheat Sheet

PermissionsAndroid - Handle permissions on Android

ActionSheetIOS - iOS action sheets

Alert - Display alerts

4. Utilities / Others

KeyboardAvoidingView - Adjust view when keyboard shows

SafeAreaView - Respect safe area (notches, rounded corners)

MaskedViewIOS - iOS masking

NativeModules - Access native platform APIs

Dimensions - Get device screen width/height

PixelRatio - Manage screen pixel density

Appearance - Detect dark mode/light mode

Linking - Handle deep links or opening URLs

Most Commonly Used (Recommended to Master First)

View

Text

Image

TextInput

ScrollView

FlatList

TouchableOpacity

Pressable

Modal

SafeAreaView

You might also like