React Native Material Ui Installation

Hi Guys,

IN this blog, I will learn you how to installation and use icons material ui in react native. I will install step by step material ui and use icons in react native. We will show react native material ui installation and use icons.

React native paper is cross-platform material design for react native. react native paper is an open source project and will always remain free to use.

Installation:

In this step ,i will install material ui in react native.Open a Terminal in your project's folder and run:

npm i react-native-material-ui

Icons :

In this step,I will install material ui icons save vector-icons in react native.If you want to use react native vector icon in your project than you need to install vector icon package.

I will many of the components require the react-native-vector-icons library to render correctly. if you're using expo, you don't need to do anything extra, but if it's a vanilla react native project, you need link the library as described in the getting started guide.

If you opted out of vector icons support using babel-plugin-optional, you won't be able to use icon names for the icon prop. Some components may not look correct without vector icons and might need extra configuration.

Open a Terminal in your project's folder and run:

npm install --save react-native-vector-icons

It will help you..