React Native Archives - Learn ReactJS & React Native With Me

How to create a circular loader in React Native? Code Example

Akash Mittal
December 9, 2022

ActivityIndicator component is used to create a circular loader in React Native. You can set its size, animation, color etc. using different props. Code Examples By default the properties of…

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

com.android.ide.common.process.processexception: failed to execute aapt

Akash Mittal
February 26, 2021

Android throws the error com.android.ide.common.process.processexception: failed to execute aapt when it is not able to recognize AAPT. This is react native and ionic error. To solve this issue either recreate…

View Post

Component definition is missing display name – React Native Error

Akash Mittal
February 26, 2021

React native throws error component definition is missing display name, when an anonymous function is exported. This is a ESLint warning because although you can work with anonymous functions, it…

View Post

cannot add a child that doesn’t have a yoganode – React Native Error

Akash Mittal
September 5, 2022

As the error (cannot add a child that doesn’t have a yoganode) indicates, there is some node which is not a valid element. This is the problem but could arise…

View Post

error: enoent: no such file or directory, uv_cwd – React Native Error

Akash Mittal
February 26, 2021

React native throws error: enoent: no such file or directory, uv_cwd, when you update file names or project name or delete some folder. This is a common error which requires…

View Post

xcrun: error: unable to find utility “instruments”, not a developer tool or in path

Akash Mittal
February 22, 2021

React Native throws error, “xcrun: error: unable to find utility “instruments”, not a developer tool or in path” on iOS when command line tools location is not set. The exact…

View Post

React convert JSON to CSV

Akash Mittal
September 5, 2022

React convert JSON to CSV using JSONToCSVConvertor function. Suppose you have a table (GUI react table tool) and you want to export it into excel, then this function will come…

View Post

React Router DOM – Get current route

Akash Mittal
September 5, 2022

React router dom – get current route using useLocation hook provided by v5.1 library. It will return all the properties which you get from window.location in javascript. Complete code –…

View Post

React router Dom – how to redirect to an external link?

Akash Mittal
September 5, 2022

You can redirect to an external link in react router dom from Component prop of Route. As you know, you can load a component for a route by declaring it…

View Post

How to check react version?

Akash Mittal
September 5, 2022

It is important to know how to check react version in order to keep the libraries and packages up to date. You can check the react and react-native versions either…

View Post

React Native background color

Akash Mittal
September 5, 2022

In React Native background color can be applied using background-color css property. The only difference is that we need to use camel case as backgroundColor. Check out the code –…

View Post