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.
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
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..