Skip to content

Tag Archives: React-Native

To create a Bottom Tab Navigator using Material, we need to use the createMaterialBottomTabNavigator function available in the react-navigation library. It is designed with the… Read More
Stying in React Native is not the same as normal CSS. For styling elements in React Native, JavaScript objects are used. Every core component in… Read More
A React Native app comprises two sides as given below. The JavaScript Side The Native Side The Native Side should be Java or Kotlin for… Read More
In this article, we will look at how we can use the Swipe Down to Refresh feature in React Native. In applications that show real-time… Read More
Adding Icons at the Bottom of Tab Navigation in React Native is a fairly easy task. In this article, we will implement a basic application… Read More
In this article we’ll add search functionality in React-Native. This can be regarded as a continuation to React native flatlist component/. In the aforementioned article… Read More
Props are used to provide properties to the components using which they can be modified and customized. These properties are passed to the components when… Read More
To create a Top Tab Navigator, we need to use the createMaterialTopTabNavigator function available in the react-navigation library. It is designed with the material theme… Read More
To configure the header bar of a React Native application, the navigation options are used. The navigation options are a static property of the screen… Read More
The ListView Component is an inbuilt React Native view component that displays a list of items in a vertically scrollable list. It requires a ListView.DataSource… Read More
The ScrollView Component is an inbuilt react-native component that serves as a generic scrollable container, with the ability to scroll child components and views inside… Read More
TouchableHighlight is a component that is used to provide a wrapper to Views in order to make them respond correctly to touch-based input. On press… Read More
In this article, we are going to discuss how to create a Progress Bar for Android applications. We will be using the React Native component… Read More
In this article, we will see how to dismiss the keyboard in React Native without clicking the return button. To dismiss the keyboard we will… Read More
Flexbox is used to provide consistency to a layout. It is used to make the layout adaptive to the screen size of the device it… Read More