react-native
How to create circular buttons in React Native
This tutorial is to show you how we can create circular buttons in React Native. I will use TouchableOpacity for the button. Also, I will create this button as a separate component that can be used by passing different props values.
ReadReact Native program to change the value of a text on button click
In this tutorial, I will show you how to change the value of a text dynamically in react native. We will use one button, on click we will change the value of a Text. For this example, I am using hook to manage state.
ReadTouchableHighlight in React Native with example
On Android and iOS, if you tap one button, the opacity of it decreases during the time you pressed it down. TouchableHighlight is used to implement similar effects. It decreases the opacity of the wrapped view on pressed.
ReadSafeAreaView in React Native and where to use it
If you know iOS development, then you must be aware of the term safe area. In react native, SafeAreaView component is used for iOS version 11 or later devices. It renders nested contents. So, this view is used as the parent of all views.
ReadStatus bar in React Native explanation with example
Status bar can be styled starting from Android Kitkat. You can change the color of the status bar and change the style in Android.
ReadReact Native sectionlist explanation with example
SectionList in react-native is similar to FlatList. The only difference is that FlatList is a simple list but SectionList is a list with sections. The list is divided into different sections with a header for each section.
ReadLoad data from url and show in a flatlist in React Native using hook and async/await
In this tutorial, I will show you how we can fetch data from a URL and load it into a FlatList in react native. We will use async/await to load the data and using react hook, we will populate it in a list. and async/await
ReadExplanation and example of React Native FlatList
FlatList is used to show a list of items in react-native. It is actually a list view with the most important list features like header support, footer support, separator support, pull to refresh support, multiple columns, scrollable to an index programmatically, scroll loading, etc.
ReadHow to create one picker component in React Native
Picker provides a dropdown list of items to pick from. On Android, it can be a dialog or dropdown. In this post, I will quickly show you how to use Picker in react native with one example.
ReadReact Native modal explanation with example
In this react native tutorial, I will show you how to create one modal. A modal is used to present one content above a view. We can use modal to show one view like a popup.
Read