About React
  • Home
  • All Posts
    • List of All Post
    • Find React Native Library
  • Just Started
    • Introduction
      • Introduction to ReactJs Introduction to The Current Technology – React Native React V/s React Native – Difference Between React and React Native
    • Code Editor
      • Top 2 Code Editors For React Native Mobile App Development 3 Steps to Setup ATOM Code Editor for React Native Development 2 Steps to Setup Visual Studio Code Editor for React Native Development
    • Development Environment
      • 2 Ways to Getting Started With The Current Technology – React Native Latest Guide to Install npm and node js for Ubuntu and Windows Latest Guide to Install npm and node js in Mac OS 3 Steps to Setting up Android Development Environment & Android Studio 2 Steps to Create and Launch the Android Virtual Device Setting up Android Development Environment & Android Studio in Mac OS Installation of Xcode for React Native IOS Development
  • Beginner
    • Android only
      • Ask Run Time Android Permission using React Native PermissionsAndroid How to Show Toast Message in React Native for Android Only
    • RN Component
      • 2 Ways to Add Comments in React Native JSX 4 Different Type of React Native Touchable Add StatusBar in React Native App in Android and IOS Best UI Libraries for React Native Detect Device is Android or IOS using React Native Platform Display Image in React Native Using Image Component Example of GridView using FlatList in React Native Example of Request Focus and Keyboard Avoiding View in React Native Example Showing the use of ScrollView in React Native Example to make Section List in React Native Example to Show the Working of Slider in React Native Get Application State using AppState in React Native Get Device Height Width on Button Click in React Native How to Make a Button in React Native How to Show a Modal in React Native for Android and IOS How to Show Alert in React Native Introduction of 12 Basic React Native Components Learn How to Manage State in React Native Lifecycle of React Native Application Component Open any Website in React Native WebView React Native Clicking on a Text Hyperlink to Open It in The Browser Using Linking React Native Copy to Clipboard React Native NetInfo React Native Share API to Share TextInput message React Native Start Stop Device Vibration on Button Click React Native Text – A Basic React native Component React Native View – Most Basic Component For Building a UI Store Data in Session Using AsyncStorage in React Native Styling of React Native Component Using Stylesheet Understanding of How Picker works in React Native Understanding of How TextInput Works in React Native Understanding of Props in React Native Understanding of React Native ActivityIndicator Understanding of React Native Development with Hello World Program Understanding of React Native Switch Use of FlatList Component in React Native
  • Pro Level
    • API
      • Current Location Latitude and Longitude Using React Native Geolocation Example to Make a Phone Call in React Native App Example to Make PDF in React Native from HTML Text Example to Send Text SMS on Button Click in React Native Example to Send WhatsApp Message from React Native App Generation of QR Code in React Native Make HTTP Request to Fetch the Data From Web APIs in React Native React Native Camera React Native Example to Take Screenshot Programmatically React Native ListViewDataSource React Native Map Example React Native Scan QR Code
    • Material Design
      • Bottom Navigation with Navigation Icon from Local Directory Example of Bottom Sheet (Material Design) in React Native How to Make React Native Bottom Navigation with Latest Navigation V. 3+ React Native Card View for Android and IOS React Native Card View using react-native-paper React Native Collapsible Toolbar with Animation React Native Floating Action Button React Native SnackBar – Bottom Flash Message React Native Swipe Down to Refresh List View Using Refresh Control React Native View Pager with 3 Different Indicators
    • Libraries
      • Example of Collapsible / Accordion / Expandable List View in React Native Example of Grid Image Gallery in React Native Example of Localization in React Native Multi Language App Example of React Native AutoComplete Input Example of Searchable Dropdown / Picker in React Native Example of Slider Image Gallery in React Native Overlay ActivityIndicator / Progress Bar / Loading Spinner in React Native React Native App Intro Slider using AppIntroSlider React Native Custom Star Rating Bar Turn on/off Flashlight to Make a Torch App in React Native
    • Date Time
      • Example of Calendar with Events Listed in React Native Example of React Native Timer and Stopwatch Example Showing the Working of Calendar Picker in React Native Example to Use Time Picker in React Native React Native CountDown Timer using react-native-countdown-component React Native Get Current Date Time React Native Get Current Time in 12 hours Format AM PM Working with Date Picker in React Native
    • Local Data Access
      • Example of File Picker in React Native Example of Image Picker in React Native Example of Realm Database in React Native Example of SQLite Database in React Native Example to Load Pre Populated SQLite Database in React Native How to See Realm Database Data Saved in Device using Android Studio Local Database in React Native App
    • React Navigation
      • Example of Popup Dialog in React Native Example of React Native Navigation Drawer with Latest Navigation V. 3+ Example of React Native Tab with Latest React Navigation Version 3.+ Handling Android Back Button Press in React Native React Native Finish Current Screen while Navigating to Next Screen React Native Navigation (Router) Version 2+ Switch from One Screen to another using React Navigation 3.+ (Router)
    • Social Integration
      • Example of Google Sign In in React Native Example of YouTube Video Integration in React Native Getting SHA1 Fingerprint for Google API Console React Native Facebook Integration Example using Facebook SDK
    • Chart
      • Example to Make 3 Different Type of Pie Chart in React Native
  • How to
    • React Navigation
      • How to Make a View Like Android Fragment in React Native React Native Bottom Action Menu React Native Pass Value From One Screen to Another Using React Navigation React Native Popup Menu – Over Flow Menu Switch Screen out of the Navigation Drawer with Latest Navigation V. 3+
    • Debug / Release Project
      • How to Generate Signed Android APK of React Native App How to Run React Native App On Real Device Android How to Run React Native App On Real Device using Wi-Fi React Native Change App Icon for Android and IOS React Native Change App Icon Using Command Line Interface React Native Disable Screen Rotation
    • Text Input
      • Check Value is a Number using isNaN() in React Native Example of Searching in List using Search Bar in React Native Example to Convert Text to Upper or Lower Case in React Native Example to Get Only Numeric Value From TextInput in React Native Example to Remove TextInput Underline in React Native Make Search Bar Filter for List View Data in React Native Multi-Line Text / Break Text in React Native React Native Check TextInput is Empty or Not React Native Enable Disable TextInput Programmatically
    • WebView
      • Load Local HTML File or URL in React Native using react-native-webview React Native Load Local HTML File in WebView React Native Show Progress bar While Loading WebView
    • List View
      • Example of Expandable List View in React Native Example of Infinite Loading Listview in React Native using FlatList React Native Add Header Footer in ListView / FlatList React Native FlatList Pagination to Load More Data dynamically – Infinite List React Native Show Message for empty FlatList Scroll to the Top or Bottom of the ListView in React Native Vertical and Horizontal Scroll View Like Google Play Store in React Native
    • Tricks and Tips
      • Example to Call Functions of Other Class From Current Class in React Native Example to Get Device Information in React Native React Native Add Items to ScrollView using Loop React Native Get Unique ID of Device React Native Global Scope Variables React Native Show SuperScript and SubScript
    • Actions
      • Example of onLongPress on TouchableOpacity in React Native Example of Pinch to Zoom Image in React Native How to set onPress on a View in React Native React Native Get Clicked Location of Touchscreen Using PanResponder
    • Encoding
      • Example to Convert any Input Value in MD5 in React Native Generate SHA256 Encoded Hash in React Native How to use Currency Symbols in React Native
    • Icon
      • Example of Social Icons using React Native Elements Example to Use Ionicons in React Native using react-native-ionicons Example to Use Vector Icons in React Native
  • Frequent Issues
    • Setup
      • ‘react-native’ is not recognized as an internal or external command Problem – After running “npm start” execution got stuck on “starting/running packager..” Problem in Ejecting React Native Project (npm run eject issue) in version 0.57 Unable To Load Script From Assets index.android.bundle You have not accepted the license agreements of the following SDK components
    • Deprecate
      • Warning: ListView is deprecated and will be removed in a future release
    • Android Issues
      • adb server version mismatch react-native run-android Could not Compile Settings File project/android/settings.gradle null is not an object (Evaluating ‘NativeModules[“SQLite”][method]’)
    • IOS Issues
      • Error: Invalid URL provided tel:XXXXXXXXX in React Native No component found for view with name “ARTShape”
  • UI & UX
    • Navigation Bar
      • 3 Ways to Add Image Icon Inside Navigation Bar in React Native 3 Ways to Hide Navigation Bar in React Native Application Dynamically Change React Navigation Value – Update navigationOptions React Navigation Header Customization in RN using Navigation Options
    • Image View
      • Example to Set Border Radius of an Image in React Native Flip Image View Horizontally Using Animation in React Native Image Icon in React Native TextInput Image Icon Inside the React Native Button Make Circular Image in React Native using Border Radius React Native Full Screen Background Image React Native Rotate Image View Using Animation Set Alpha Opacity / Transparency of Image View in React Native
    • StyleSheet Trick
      • Create Custom Shapes Like Square, Circle, Triangle, Rectangle, Oval in React Native Example of Animated Splash Screen in React Native Example to Align a View at the Bottom of Screen in React Native Example to Hide Show Component in React Native Load Different Style Sheet Dynamically on the Component in React Native React Native Blinking Animation React Native Strikethrough Text React Native Swipeable Card View UI like Tinder React Native Underline Text
  • Daily Updates
  • Menu

Just Started

You are here: Home / Just Started
2 Steps to Setup Visual Studio Code Editor for React Native Development
Here are the 2 Steps to Setup ...
Read More
3 Steps to Setup ATOM Code Editor for React Native Development
Here are the 3 Steps to Setup ...
Read More
Top 2 Code Editors For React Native Mobile App Development
After setting up the development environment we ...
Read More
Installation of Xcode for React Native IOS Development
This post will show the process of ...
Read More
2 Steps to Create and Launch the Android Virtual Device
Here are the 2 Steps to Create ...
Read More
Setting up Android Development Environment & Android Studio in Mac OS
To run and test your React Native ...
Read More
3 Steps to Setting up Android Development Environment & Android Studio
To run and test your React Native ...
Read More
Latest Guide to Install npm and node js in Mac OS
Just like other JavaScript frameworks React Native ...
Read More
Latest Guide to Install npm and node js for Ubuntu and Windows
Just like other JavaScript frameworks React Native ...
Read More
2 Ways to Getting Started With The Current Technology – React Native
2 Ways to Getting Started With The ...
Read More
React V/s React Native – Difference Between React and React Native
This post is all about React V/s React ...
Read More
Introduction to The Current Technology – React Native
Introduction to The Current Technology – React ...
Read More
Introduction to ReactJs
Introduction to ReactJs includes the basic definition ...
Read More
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Latest Posts

  • Segmented Control Tab in React Native for Android and iOSApril 22, 2019 - 4:51 am
  • Example of Tooltip in React Native for Android and IOSApril 21, 2019 - 3:53 am
  • Find iPhone, iPod touch or iPad’s Unique ID (UDID) for iOS DevelopmentApril 20, 2019 - 3:01 am
  • React Native Touchable using react-native-platform-touchableApril 19, 2019 - 1:33 am
  • Make Phone Call, Send SMS or Email Using React Native CommunicationApril 18, 2019 - 12:20 am
  • Facebook
  • Twitter
  • LinkedIn

copyright © 2019 AboutReact

Back to Top
> More Related Posts > More Related Posts > More Related Posts > More Related Posts > More Related Posts

Just Started

Introduction to ReactJsIntroduction to React Native
React V/s React NativeGetting Started With React Native
Installation of npm and node js for Ubuntu and WindowsInstallation of npm and node js in Mac OS
Setting up Android Development Environment for Windows and UbuntuSetting up Android Development Environment for Mac OS
Create and Launch the Android Virtual DeviceInstallation of Xcode in Mac
Code Editors For React Native Mobile App DevelopmentATOM Code Editor for React Native Development
Visual Studio Code Editor for React Native Development
Explore More

Beginner

Hello World Program using React NativeIntroduction of Basic React Native Components
Add Comments in React Native JSXReact Native View
React Native TextManage State in React Native
Understanding of Props in React NativeStyling of React Native Component Using Stylesheet
TextInput in React NativeDisplay Image in React Native
ScrollView in React NativeButton in React Native
Picker in React NativeReact Native Switch
React Native ActivityIndicatorAlert in React Native
Toast Message in React Native (Android Only)Modal in React Native
Open any Website in React Native WebViewReact Native Slider
React Native TouchableRun Time Android Permission using React Native PermissionsAndroid
StatusBar in React NativeFlatList Component in React Native
Section List in React NativeGet Application State using AppState
React Native NetInfoReact Native Copy to Clipboard
Store Data in Session Using AsyncStorageReact Native Share API to Share TextInput message
React Native Disable Screen RotationReact Native Linking to open Hyperlink in The Browser
Get Device Height Width in React NativeReact Native Start Stop Device Vibration
Request Focus and Keyboard Avoiding View in React NativeGridView using FlatList in React Native
React Native Platform to Detect Device is Android or IOSLifecycle of React Native Application Component
Explore More

Pro Level

Best UI Libraries for React NativeReact Native HTTP Request to Fetch the Data From Web APIs
Current Location Lat-Long Using React Native GeolocationWorking with Date Picker in React Native
Example to Use Time Picker in React NativeExample Showing the Working of Calendar Picker in React Native
React Native Navigation (Router) Version 2+RN Finish Current Screen while Navigating to Next Screen
React Native Tab with Latest React Navigation Version 3.+React Native Bottom Navigation with Latest Navigation V. 3+
Bottom Navigation with Navigation Icon from Local DirectoryReact Native View Pager with 3 Different Indicators
React Native Navigation Drawer with Latest Navigation V. 3+Example to Make 3 Different Type of Pie Chart in React Native
React Native CameraReact Native ListViewDataSource
Handling Android Back Button Press in React NativeReact Native Show SuperScript and SubScript
React Native Custom Star Rating BarGeneration of QR Code in React Native
React Native Scan QR CodeReact Native Global Scope Variables
RN Swipe Down to Refresh List View Using Refresh ControlReact Native Floating Action Button
React Native Collapsible Toolbar with AnimationReact Native Card View for Android and IOS
React Native SnackBar - Bottom Flash MessageFlatList Pagination to Load More Data dynamically - Infinite List
React Native CountDown TimerReact Native App Intro Slider using AppIntroSlider
RN Custom Shapes - Square, Circle, Triangle, Rectangle, OvalReact Native Timer and Stopwatch
Take Screenshot Programmatically in React NativeLocal Database in React Native App
SQLite Database in React NativeLoad Pre Populated SQLite Database in React Native
Realm Database in React NativeImage Picker in React Native
React Native Map ExampleGoogle Sign In in React Native
RN Facebook Integration Example using Facebook SDKLocalization in React Native Multi Language App
Grid Image Gallery in React NativeSlider Image Gallery in React Native
Phone Call from React Native AppYouTube Video Integration in React Native
React Native File PickerMake PDF in React Native from HTML Text
Send Text SMS on Button Click in React NativePopup Dialog in React Native
Switch from One Screen to another using React Navigation 3.+React Native Card View using react-native-paper
React Native AutoComplete InputReact Native Overlay ActivityIndicator / Progress Bar / Loading Spinner
React Native Collapsible / Accordion / Expandable List ViewReact Native Bottom Sheet (Material Design)
React Native Searchable Dropdown / Picker
Explore More

How To

Pass Value From One Screen to Another(React Navigation)How to use Currency Symbols in React Native
Get Clicked Location of Touchscreen Using RN PanResponderImage Icon Inside the React Native Button
Image Icon in React Native TextInputReact Native Get Unique ID of Device
Example of Pinch to Zoom Image in React NativeReact Native Full Screen Background Image
React Native Load Local HTML File in WebViewReact Native Show Progress bar While Loading WebView
Make Circular Image in React Native using Border RadiusMake Search Bar Filter for List View Data in React Native
Scroll to the Top or Bottom of the ListView in React NativeReact Native Swipeable Card View UI like Tinder
Dynamically Change React navigationOptions ValueHide Navigation Bar in React Native Application
Add Image Icon Inside Navigation Bar in React NativeReact Native Add Header Footer in ListView / FlatList
React Native Show Message for empty FlatListReact Native Change App Icon for Android and IOS
React Native Change App Icon Using Command Line InterfaceReact Native Rotate Image View Using Animation
Flip Image View Horizontally Using Animation in React NativeReact Native Blinking Animation
React Native Add Items to ScrollView using LoopSet Alpha Opacity / Transparency of Image View
React Native Enable Disable TextInput ProgrammaticallyCheck Value is a Number using isNaN() in React Native
React Native Get Current Date TimeReact Native Get Current Time in 12 hours Format AM PM
React Native Strikethrough TextReact Native Underline Text
React Native Check TextInput is Empty or NotGetting SHA1 Fingerprint for Google API Console
onLongPress on TouchableOpacity in React NativeCall Functions of Other Class From Current Class in RN
Set Border Radius of an Image in React NativeGet Only Numeric Value From TextInput in React Native
Convert Text to Upper or Lower Case in React NativeAlign a View at the Bottom of Screen in React Native
Load Different StyleSheet Dynamically in RNHide Show Component in React Native
Remove TextInput Underline in React NativeRun React Native App On Real Device Android
Run React Native App On Real Device using Wi-FiGenerate Signed Android APK of React Native App
Convert any Input Value in MD5 in React NativeSearching in List using Search Bar in React Native
Animated Splash Screen in React NativeSet onPress on a View in React Native
Send WhatsApp Message from React Native AppVertical and Horizontal Scroll View Like Google Play Store
React Native Bottom Action MenuReact Native Popup Menu - Over Flow Menu
React Navigation Header Customization in React NativeMulti-Line Text / Break Text in React Native
Switch Screen out of the Navigation Drawer React Navigation V. 3+Social Icons using React Native Elements
Infinite Loading Listview in React Native using FlatListExpandable List View in React Native
Calendar with Events Listed in React NativeMake a View Like Android Fragment in React Native
Use Ionicons in React Native using react-native-ioniconsUse Vector Icons in React Native
Generate SHA256 Encoded Hash in React NativeLoad Local HTML File using react-native-webview
Load URL using react-native-webviewExample to Get Device Information in React Native
Turn on/off Flashlight to Make a Torch App in React Native
Explore More

Frequent Questions

Problem - After running "npm start" execution got stuck on "starting/running packager.."'react-native' is not recognized as an internal or external command
You have not accepted the license agreements of the following SDK componentsadb server version mismatch react-native run-android
Unable To Load Script From Assets index.android.bundleProblem in Ejecting React Native Project (npm run eject issue) in version 0.57
Could not Compile Settings File project/android/settings.gradlenull is not an object (Evaluating 'NativeModules["SQLite"][method]')
Warning: ListView is deprecated and will be removed in a future releaseError: Invalid URL provided tel:XXXXXXXXX in React Native
No component found for view with name "ARTShape"
Explore More
Scroll to top