Fast Speed Image Loading using React Native Fast Image

Here is an Example of Fast Speed Image Loading using React Native Fast Image in Android and IOS. React Native Fast Image library is really a cool library to load the image at very fast speed. FastImage component from react-native-fast-image is a wrapper around SDWebImage (iOS) and Glide (Android) which are very powerful image loaders in … Read moreFast Speed Image Loading using React Native Fast Image

React Native Video Library to Play Video in Android and IOS

This is an Example of React Native Video to Play Any Video in Android and IOS. There are many libraries available to play any video in React Native but React Native Video is the basic and one of the react-native-community members which means it is accepted by the React Native development team so I personally like … Read moreReact Native Video Library to Play Video in Android and IOS

7 Type of Graph using React Native Chart Kit

This is an Example to create 7 Different Type of Graph using React Native Chart Kit for Android and IOS. Charts/Graphs are the easiest and efficient way to showcase any data. With the help of the chart/graph, One can easily see the numeric data or the statics. The understanding of the statics using the Chart/Graph … Read more7 Type of Graph using React Native Chart Kit

React Native Tree View for Android and IOS devices

This is an Example to create a React Native Tree View using react-native-final-tree-view for Android and IOS devices. A Tree View is simple a hierarchical view which is used to show the parent-child relationship between the data. You can simply understand the Tree View using the following image. In the below image the yellow ball is … Read moreReact Native Tree View for Android and IOS devices

Example of Tooltip in React Native for Android and IOS

This is an Example of Tooltip in React Native for Android and IOS using react-native-walkthrough-tooltip library. The Tooltip is a common graphical user interface element. It is used to show the usability of any button or any option. In this example, we will see how to show a tooltip on a click of a button. So let’s … Read moreExample of Tooltip in React Native for Android and IOS

React Native Touchable using react-native-platform-touchable

This is an Example to Make React Native Touchable using react-native-platform-touchable. We have already seen 4 Different Type of React Native Touchable in our last post in Beginner section. Here we will talk about the React Native Touchable. React Native Touchable is built into React Native core which is a wrapper around the various Touchable* components in … Read moreReact Native Touchable using react-native-platform-touchable

Make Phone Call, Send SMS or Email Using React Native Communication

This is an Example to Make Phone Call, Send SMS or Email Using React Native Communication. We will use the Communications Component provided by react-native-communications. This is a very easy to integrate library which can be used for a very useful task like Making phone calls, Sending Text SMS or for Sending Emails. The most important … Read moreMake Phone Call, Send SMS or Email Using React Native Communication

Different Type of Modal Box in React Native

This is an Example of Different Type of Modal Box in React Native. We will use the Modal Component provided by react-native-modalbox. Modal Box is a React Native component which very easy and fully customizable. It has also implemented the ‘swipe down to close’ feature. A modal is a dialog box/popup window that is displayed on top of … Read moreDifferent Type of Modal Box in React Native

Linear Gradient Component in React Native

This is an Example of Linear Gradient Component in React Native. For those who have no idea about Gradient, A Gradients let you display smooth transitions between two or more specified colors. The gradient can be of two types: Linear Gradients (goes down/up/left/right/diagonally) Radial Gradients (defined by their center) In this example, we will see … Read moreLinear Gradient Component in React Native

Make a Blur Background in React Native

This is an Example to Make a Blur Background in React Native. To Make a Blur Background in React Native we will use BlurView component from @react-native-community/blur provided by react-native-community. This is very useful if you want to make a splash screen. In this example, we will make a simple screen with a Switch to switch between simple … Read moreMake a Blur Background in React Native