Home

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/07/ReactNavigateDrawerWithBottomTab-300x147.png" class="pt-cv-thumbnail pull-left" alt="ReactNavigateDrawerWithBottomTab" srcset="https://aboutreact.com/wp-content/uploads/2020/07/ReactNavigateDrawerWithBottomTab-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/07/ReactNavigateDrawerWithBottomTab-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/07/ReactNavigateDrawerWithBottomTab.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

ReactNavigateDrawerWithBottomTab

Bottom Tab View inside Navigation Drawer with React Navigation V5

Bottom Tab View + Navigation Drawer This is an example of Bottom Tab View inside Navigation Drawer / Sidebar with React Navigation in React Native. We will use react-navigation to make a navigation drawer and Tab ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_stack_navigator-300x147.png" class="pt-cv-thumbnail pull-left" alt="react_native_navigation.xcf" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_stack_navigator-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_stack_navigator-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_stack_navigator.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react_native_navigation.xcf

Navigate Between Screens using React Navigation V5 in React Native

React Navigation This example will help you to learn how to navigate between screens using React Navigation in React Native App. React Navigation is not the only option for routing and navigation between screens in ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_functional_components-300x147.png" class="pt-cv-thumbnail pull-left" alt="react_native_functional_components" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_functional_components-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_functional_components-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_functional_components.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react_native_functional_components

Understanding Functional Component for React Native Development

Introduction This post is related to the functional component in React Native. We all know with React, we can make components using either classes or functions. Originally, class components were the only components that could ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_debug_apk-300x147.png" class="pt-cv-thumbnail pull-left" alt="react_native_debug_apk" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_debug_apk-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_debug_apk-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_debug_apk.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react_native_debug_apk

How to Generate Debug APK of Android Project in React Native

Debug APK of Android App Here is an example to generate debug APK of the Android project in React Native. If you are a developer then you need the debug APK to show the development ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2019/11/react_native_windows_mac-300x147.png" class="pt-cv-thumbnail pull-left" alt="" srcset="https://aboutreact.com/wp-content/uploads/2019/11/react_native_windows_mac-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2019/11/react_native_windows_mac-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2019/11/react_native_windows_mac.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

React Native for Windows and macOS

React Native for Windows + macOS Hello Guys, Here is a new announce came form React Native team on May 19, 2020 related to React Native for Windows and macOS. We all know React Native ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_custom_icon-300x147.png" class="pt-cv-thumbnail pull-left" alt="react_native_custom_icon" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_custom_icon-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_custom_icon-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_custom_icon.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react_native_custom_icon

Custom Fonts in React Native for Android and iOS

React Native Custom Fonts This is an example to use Custom Fonts in React Native for Android and iOS. We will see how to use a custom font in React Native? Where can we find ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_fontawesome-300x147.png" class="pt-cv-thumbnail pull-left" alt="react_native_fontawesome" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_fontawesome-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_fontawesome-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_fontawesome.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react_native_fontawesome

How to Use Font-Awesome 5 Icons in React Native App

Font-Awesome 5 Icons in React Native In this example, we will see how to use font-awesome Icon in React Native. Font Awesome Icons are the web's most popular icon set and toolkit. Font Awesome is ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_image_download-300x147.png" class="pt-cv-thumbnail pull-left" alt="Download an Image in React Native from any URL" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_image_download-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_image_download-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_image_download.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

Download an Image in React Native from any URL

How to Download an Image in React Native from any URL

Image Download in React Native In this post, we will see how to download an Image in React Native from any URL. For this task, I have tried many different libraries and many different ways ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_call_detect-300x147.png" class="pt-cv-thumbnail pull-left" alt="react native call detect" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_call_detect-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_call_detect-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_call_detect.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react native call detect

How to Detect Call States in React Native App

Detect Call States in React Native In this example, you will see how to detect call states in React Native App. This call detection example will help you to detect different call states like Incoming, Disconnected, Dialing ...
Read More

<img width="300" height="147" src="https://aboutreact.com/wp-content/uploads/2020/05/react_native_access_contact_list-300x147.png" class="pt-cv-thumbnail pull-left" alt="react native access contact list" srcset="https://aboutreact.com/wp-content/uploads/2020/05/react_native_access_contact_list-300x147.png 300w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_access_contact_list-768x376.png 768w, https://aboutreact.com/wp-content/uploads/2020/05/react_native_access_contact_list.png 920w" sizes="(max-width: 300px) 100vw, 300px" />

react native access contact list

Access Device’s Contact List in React Native App

Access Contact List in React Native In this example, we will see how to access the contact list in React Native. Accessing the contact list is so easy in React Native using react-native-contacts library. This library ...
Read More