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 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

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

Turn on/off Flashlight to Make a Torch App in React Native

This is an Example to Turn on/off Flashlight to Make a Torch App in React Native. To Turn on/off the Flashlight in React Native we will use the react-native-torch library. In this example, we will make a simple screen with a button to turn on the flashlight. So let’s get started. Turn On the Flashlight using

Read moreTurn on/off Flashlight to Make a Torch App in React Native

Example of Searchable Dropdown / Picker in React Native

This is an Example of Searchable Dropdown / Picker in React Native. To make a Searchable Dropdown in React Native we have a SearchableDropdown component provided by react-native-searchable-dropdown. React Native Picker is the component which can be used as a drop-down but in case of huge data we have to give the facility to search for the option for that we can … Read moreExample of Searchable Dropdown / Picker in React Native

Example of Collapsible / Accordion / Expandable List View in React Native

This is an Example of Collapsible / Accordion / Expandable List View in React Native. To make a Collapsible / Accordion / Expandable View we will use react-native-collapsible library. As a mobile application developer we always have a limited area to draw our imagination and in some cases, we have lots of data to show. To solve this … Read moreExample of Collapsible / Accordion / Expandable List View in React Native