Make Swipe Button in React Native for Android and iOS

This is an Example to Make Swipe Button in React Native for Android and iOS. Swipe button is a very interesting and attractive feature for submitting the form of any other thing which needs confirmation. We can use this type of button for the choice section as we do in case if the switch or … Read moreMake Swipe Button in React Native for Android and iOS

Expandable Circular Button in React Native using react-native-circle-button

This is an Example of Expandable Circular Button in React Native using react-native-circle-button. One of our AboutReact family members needed a button which can expand and the user can see more option that is why I have planned this post to share with others also. This button will help you to hide infrequent options from … Read moreExpandable Circular Button in React Native using react-native-circle-button

React Native Action Button with Multiple Option

This is an example of React Native Action Button with Multiple Option. React Native Action Button is a kind of Floating Action Button with multiple options. You can also see the example of React Native Floating Action Button in which we set an onPress to do some action. In this post, we will create an … Read moreReact Native Action Button with Multiple Option

Example of Bottom Sheet (Material Design) in React Native

This is an Example of Bottom Sheet (Material Design) in React Native. To make a Bottom Sheet we will use BottomSheet component provided by react-native-btr. Bottom Sheet was firstly introduced in android material design and became very popular. Different people use bottom sheet differently but the simple example which can be seen in day to day … Read moreExample of Bottom Sheet (Material Design) in React Native

React Native Card View using react-native-paper

Here is an example of React Native Card View using react-native-paper. If you want to explore some more options to make a Card View you can visit our previous post on React Native Card View. For this example, we are using Card component provided by react-native-paper.  So let’s get started. Installation of Dependencies Open the terminal and jump … Read moreReact Native Card View using react-native-paper

React Native Card View for Android and IOS

Here is an example of React Native Card View for Android and IOS using react-native-elements. To make a React Native Card View we have a Card component provided by the React Native elements but we can also use other libraries too as there are many options available. For this example, we are using Card component provided … Read moreReact Native Card View for Android and IOS

React Native SnackBar – Bottom Flash Message

Here is an example of React Native SnackBar. We will use react-native-snackbar-component to generate Snackbar in React Native. React Native SnackBar is a completely new way to show alert to the user. While using an Alert dialog we block the user’s visible area and force him to click on the screen to continue but in case of … Read moreReact Native SnackBar – Bottom Flash Message

React Native Floating Action Button

Here is an example of React Native Floating Action Button. It was first introduced in Android Material Design. When we have to show a ListView and also need a button on the same screen we can use Floating Action Button. Gmail App is the best example where you can see the Floating Action Button. You … Read moreReact Native Floating Action Button

React Native Swipe Down to Refresh List View Using Refresh Control

Here is an example of React Native Swipe Down to Refresh List View Using Refresh Control. It was first introduced in Android Material Design and became very popular. Almost all Apps are using Swipe down to refresh. In React Native you can use this feature using RefreshControl provided by React Native. To Import Refresh Control in … Read moreReact Native Swipe Down to Refresh List View Using Refresh Control

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