Installing React Native on Windows Tutorial Hi guys, in this article we are going to learn about the step by step setup guide for Installing React-Native on Windows, so lets 1. To Install React Native we need Node.js Install Node.js and NPM. https://nodejs.org/en/ Verify whether NPM is installed by typing npm -v…
Read MoreTag: react-native
React-native hooks example
Pro Level React-native
How to setState in react-native function Hi Guys, In this article, we are going to learn about React-native hooks example, After React 16.8 we can use hooks in our project, React hooks meanly use for state management in function. Normally in class, we use setState() to refresh data on screen…
Read MoreCalling method from navigationOption header button
Pro Level React-native
How to call a function from naviagtionOption react-native While developing applications react-native it is important to design app with clean navigation, as we know React-native uses React-navigation to navigate between screens and navigation header is most common in the application so in this article we going to learn about calling…
Read MoreChange react native app font-family
Pro Level React-native
Change font-family of React-native Application Hi guys, In this article, we are going to learn about how to change the font-family of text also change whole application font using react-native-global-font. It is important for the developers to make clean and nice-looking design their App, and app font is one of…
Read MoreHow to disable Textinput in React Native
Beginner React-native
In this article, we learn about How to disable Textinput in React Native. As a developer we need to disable React native TextInput view for this, you have to add editable={false} and selectTextOnFocus={false} to disable TextInput in react-native, let’s look at the code 1. Create a new project react-native init TestProject…
Read MoreHow to add style to React Native Component Using Stylesheet
Beginner React-native
In this article, we learn about how to add style to React Native Component Using Stylesheet, it is to CSS which used on the web. React-native comes with inbuild components and these components support a specific type of style. some set of style are similar for multiple components but some…
Read MoreIntroduction of React-native components
Beginner React-native
Introduction of React-native components like view, textinput, state, props. To work with React-native you have to learn the Introduction of React-native components lets list out some of the components View TextView TextInput State Props FlatList StyleSheet Image Button ScrollView Picker Switch ActivityIndicator 1.View This is the most important UI components…
Read MoreHow to load image from URL React-native image view with loader
Pro Level React-native
Display image from URL React-native Android/iOS Hi Guys, In this article, we learn about How to load image from URL in React-native image view with loader, to carry out we are going to install library to load Image and another library to display loader, so let’s start 1. Create a…
Read MoreReact-native splash screen example using react-navigation
Pro Level React-native
In this article, we learn about custom React-native splash screen example using react-navigation, to do this follow the steps to install libraries, In this we simply start the app with a splash screen then redirect to the home screen using react-navigation, so let’s start 1.Install react-navigation Install react-navigation using the…
Read MoreReact-native custom Navigation Drawer / Sidebar
Pro Level React-native
In this Article, we learn about how to implement React-native custom Navigation Drawer / Sidebar, we are going to use react-navigation to make react-native navigation drawer, so let’s start step by step we have to create a new project and install some libraries, This Example is for React Navigation 3.+…
Read More