React Navigation Header Customization in RN using Navigation Options

This is an example of React Navigation Header Customization in React Native using Navigation Options. In this example, we will see how to customize the Navigation Bar/ Navigation header. React Native does not provide any header by default, it comes when we add React Navigation to switch the activity. Sometimes we have to customize the … Read moreReact Navigation Header Customization in RN using Navigation Options

React Native Add Header Footer in ListView / FlatList

Here is an example of React Native Add Header Footer in ListView / FlatList. As the topic name describes we will add the header and footer in FlatList. To add header and footer in FlatList we will use ListHeaderComponent and ListFooterComponent props of the FlatList same as we use ItemSeparatorComponent while adding FlatList Item Separator. Add Header … Read moreReact Native Add Header Footer in ListView / FlatList

React Native Collapsible Toolbar with Animation

Here is an example of React Native Collapsible Toolbar with Animation. It was first introduced in Android Material Design and became very popular. In Collapsible Toolbar when screen renders for the first time we got the broad header which will help us to get the attention of the user on important details. As the user scrolls … Read moreReact Native Collapsible Toolbar with Animation

Add StatusBar in React Native App in Android and IOS

This post will help you to Add StatusBar in React Native App in Android and IOS. React Native StatusBar is a component to show the indicators like the battery, network, notification etc. React Native by default doesn’t understand the status bar and render the view from the top left corner of the screen and override the status … Read moreAdd StatusBar in React Native App in Android and IOS