React-Native Archives - Learn ReactJS & React Native With Me

ViewPropTypes has been removed from React Native – Code Example

Akash Mittal
August 30, 2022

ViewPropTypes is removed from React Native. If you try to use it, then React Native will throw ERROR Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes…

View Post

TypeError: cli.init is not a function – Code Example

Akash Mittal
August 30, 2022

From V0.69, React-Native stopped supporting global installation of react-native-cli. If you try to run npx react-native init MyProject command, it will throw TypeError: cli.init is not a function error. To…

View Post

React Js

Why Use React Native For Your Business in 2022?

Solomon Hayes
November 23, 2022

React and React Native are the hearts of this website. Most of our articles revolves round these technologies and there is a good reason for it. These techs were best…

View Post

White screen background color in React Native

Akash Mittal
September 5, 2022

In React Native we can use backgroundColor property of stylesheet to change the screen color to white, black, yellow etc. React Native beginners makes mistake by using background property instead…

View Post

React.Children.only expected to receive a single React element child

Akash Mittal
September 5, 2022

One day I was working on my React-Native project and got this weird error, “React.Children.only expected to receive a single React element child“. Everything seemed perfectly alright with the code…

View Post

react table filter sort pagination search in 10 minutes

React Table – Learn filter, sort, pagination in 10 Minutes

Akash Mittal
September 5, 2022

I came across with this little table library (little in size but huge in functionality), React table. I was amazed with the way it simplifies the work. In our projects…

View Post

facebook messenger chat heads trail animation in react spring

React Spring – Create Facebook messenger chat heads with trails

Akash Mittal
September 5, 2022

(Jump to Code | Demo) Have you seen the chat heads created by facebook messenger? They are stacked over each other and when you drag top one, the other heads…

View Post

React Wrapper Component - Code example and Demo

Wrapper component in React JS – Code Example & Live Demo

Akash Mittal
September 5, 2022

(Jump to Code | Demo) First of all, we should know what is React wrapper component? Well, its similar to any ordinary component but we define them for special tasks…

View Post

React Native

React Native Forms using React-Hook-Form

Akash Mittal
September 5, 2022

React-Hook-Form is a node package which simplifies creating react native forms. Introduction Forms are the basic need of any application whether it is web based, Android, iOS or even React…

View Post

React Native

React Native PrismJS using WebView

Akash Mittal
September 5, 2022

React Native PrismJs is a real thing. With the help of WebView, it is quite possible. Here in this article, we will learn about the ways in which PrismJs could…

View Post

React native animation - step by step guide

React Native

React Native Animation – Easy, Step By Step Guide

Akash Mittal
September 5, 2022

React Native Animation helps in converting boring apps into interactive apps. It’s a 3 step process – Animated.Value, Animated.spring & interpolate.

View Post

React Native Image Resizemode – The right way to do

Akash Mittal
November 30, 2022

React Native Image Resizemode works properly in two conditions – In this article we will see both the methods. Condition 1: ResizeMode as Style property Use ResizeMode as style property,…

View Post

TouchableHighlight Styles vs TouchableNativeFeedback Styles

React Native

Error: TouchableHighlight Styling Problem in React Native

Akash Mittal
October 2, 2022

When you are enclosing a View in TouchableHighlight, you will need to provide styles to TouchableHighlight. But in case of TouchableNativeFeedback, all the styles are added to child View only.

View Post