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 MoreCategory: Beginner
How to add shadow to view in react native
In this article, we will be going to learn about how to add shadow to view in react native, while designing UI in react-native some time we have to shadow to view, to do this one way to use react-native cards and another way is to add shadow using stylesheet…
Read MoreHow to add style to React Native Component Using Stylesheet
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
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 MoreReact-native life cycle
React-native has its own life cycle, to learn React-native life cycle, we need to understand inbuild methods of React-native, these methods are divided into four types: 1. Mounting methods 2. Updating methods 3. Unmounting methods 4. Error handling methods Let’s start with Mounting methods 1. Mounting methods: There are 4…
Read MoreReact-native basics Text, Textinput with Styles
In this article, we learn React-native basics Text, Textinput with styles like Flex, JustifyContent, aliginItems, that will help you to create basics UI with proper alignment, before this, you must install react-native successfully so I request you to go through this tutorial Overview: React-native Text React-native Textinput 1. React-native create project…
Read MoreReact-native form ui design
React-native form UI design Hi guys, in this article we learn about React-native form UI design with TextInput, Button, etc so let us start with the new project to do this Create a new project react-native init TestProject after successfully created project i am using App.js to design this…
Read MoreReact-native FlatList component
As we know ListView component is deprecated so the best alternative is to use the React-native FlatList component it supports both vertical and horizontal dimension view, also support both Android and IOS device, it support Header and Footer support also we cannot use other libraries for pull to refresh it…
Read MoreReact-native styling View, Flex Dimensions, Flexbox
In this article, we learn about react-native styling view, flex dimensions, flexbox layout and how to use these using these components you can design awesome UI. All components in react-native accept common props called style React native view In react native all components must be displayed inside View, without view we…
Read MoreLearn React-native basics
Before start programming on react-native, we have to understand the basics of react-native like React-native folder structure, imports, methods React-native from basics, folder structure, code structure, imports, methods To create new project use following command: react-native init ProjectName Here is my React-native folder structure Android folder:- This folder contains…
Read More