In React Native class component life cycle there are 3 inbuilt functions named as componentDidMount, componentDidUpdate, and componentWillUnmount used to perform certain task on a certain condition. But in functional these three methods are not available and to perform their task here we would use useEffect() method. The useEffect method is combined part of all […]
States is a dynamic type of value which can be change on program runtime and dose update the UI Components in react native. States are purely mutable and their value can be changed later. The main purpose of State is to store values which can be updated dynamically and their effect show on screen. In […]
Hello Friends, As we all know react native’s new functional component structure is spreading very fast among developers because of their simple way of coding. Many of us new beginner developer doesn’t know how to call a method or function in functional component because our main Component is by default functional component. There are some […]
React Naive latest coding structure which includes new Functional component structure is way more easy to understand then the previous class component structure. As we all know in react native we can make components using Classes and functions with render’s return block. Classes supports both render’s return block statement whether the function is supports directly […]
Welcome Friends, Recently i have started a new YouTube channel to cover all the react native topics. So guys i want to support me there as you have all supported me here on my website. My YouTube channel name is Coding Tech Examples. Please go there and do subscribe my channel and support us on […]
React Native launched its new Pressable component with version 0.63 Stable. The Pressable component is used to detect various stages of click events like onPress, onPressIn and onPressOut. Using then Pressable component we can easily change Button layout or Style on a particular event. So in this tutorial we would learn about React Native Pressable […]
Guys as we all know react native is becoming popular on every day and many of web developers is moving to react native for developing mobile apps. But before React Native we have heard about ReactJS language. Many of us don’t know the main difference between React Native and ReactJS. So in today’s tutorial we […]
backgroundColor property of Style is used to set background color of View components in react native. The backgroundColor property supports all type of color formats like ARGB, RGB and Hex values. There is one value which the backgroundColor supports which is transparent. Using the transparent value we can easily set any View component background to […]
Timeline component is one of the most popular custom components used in many e-commerce mobile applications and web applications. Timeline component is used to show a particular activity with each step on mobile screen. We have seen in many eCommerce apps to show each activity to their users like where product is packed, product is […]
Mapbox is one of the most usable location data platform for both mobile and web developers. Mapbox is similar like Google Maps but it is way more easy to integrate. They have their own data centers and location data which gives us perfect location data. Mapbox provides us location data, searching location and navigate to […]
Enable click on View component is always useful for mobile developers in react native but in react native this cannot be possible before react native 0.55.2 version. We have to use Touchable opacity or other touchable component and wrap the View component as Child then we can set click event on View using Touchable Opacity. […]
Circular progress bar also known as ActivityIndicator component in react native is a type of data loading widget which display on screen while loading content from internet. By default in react native we have ActivityIndicator component but it dose not blur or fade in complete application screen. So in this tutorial we are using react-native-loading-spinner-overlay […]
As we all know MacOS is now launched its official Mac OS Catalina 10.15 version version which is pretty impressive. But with new operating system there is always new problems and one them is for react native developers. In Catalina they have improved security of MAC in any possible way. So now when we launched […]
React Native Elements is an amazing react native library used by hundreds of peoples around the react development arena. React Native Elements comes with multiple custom components which can be used to create your own modified components in react native. In today’s tutorial we would use React Native Elements library with react-native-vector-icons library to Create […]
SVG images also known as Scalable Vector Graphics is a type of extensible markup language for vector image format for two dimensional graphics image. This type of image format is famous between mobile and web developers because the SVG format images are not pixel based so they cannot be cut or fade even when the […]
In React native a component is very popular among react native mobile application developers named as react-native-lightbox. It is openly available on NPM and GitHub both platforms. The LightBox package has more than 23 thousands installation per week so now you all know how useful it is for react native developers. Using the react-native-lightbox component […]
Yellow warning messages are most popular among react native developers. Each time when we use react native and dose use inbuilt methods then if we accidentally forget to use some necessary arguments then it will show us a yellow warning message box to add or enable that particular argument. The yellow warning message box dose […]
After updating the latest version of React native 0.62 i have faced a problem while running react native android project. The error is noted as ” Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside ‘android’ folder) consider […]
Displaying Image Icon in header bar is easy in latest 5.x react navigation version. This method is known as replacing header bar title bar Title with custom component in react native. Because by default only Title of activity screen will display on header bar but using headerLeft prop we can easily replace Title text with […]
In react navigation data transfer format is a bit changed then older version. In React Navigation 5.x we would use navigation.navigate() method to navigate to next activity screen. We would also send multiple type of data along with this method. In this tutorial we would send multiple type of data integer and string to next […]
The ScrollView widget in react native has a prop named as showsVerticalScrollIndicator={} which supports Boolean values. If user pass False in showsVerticalScrollIndicator then it will disable the ScrollIndicator. So in this tutorial we would React Native Disable Hide ScrollBar ScrollIndicator in ScrollView Android iOS Example Tutorial. Contents in this project Hide ScrollBar ScrollIndicator in ScrollView […]
Search Bar filter is one of the most common way to filter large amount of dynamic data in mobile applications. As we all know search bar filter is present in almost every single large scale android & iOS mobile app. We have already make a tutorial on real time search using ListView but as our […]
In MAC computer Things are a bit different than Windows PC because when we develop apps in MAC using Xcode for iOS devices for react native than it’ll automatically starts the highest version iOS simulator. Which sometimes developer dose not required. There are almost 12 + iOS simulators devices available. So in Today’s tutorial we […]
KeyboardAvoidingView component is used to avoid keyboard overlapping on TextInput widget in react native. By default if we do not use KeyboardAvoidingView then Keypad will show above TextInput widget on focus. But when we use KeyboardAvoidingView then it will slightly push the TextInput above from screen and show Keypad just below the selected TextInput component. […]
