0
435
ViewsIs it possible to use Material UI library with React Native?
I've been using react for a while now and I know that Material UI https://material-ui.com/ is the UI library built for react. My question is - Is it possible to use this library (which is built for react) with react-native ?
On some research I found react-native has another UI library called react-native-paper, but I was wondering if Material-UI can fit together with react-native?
5 answers
Answer question0
material-ui is a react based implementation of the material design system. It is meant for web development and the output that you get is HTML/ CSS (which are the building block of every web page).
react-native is a framework that lets you build native mobile apps using the power and syntax of React. The native programming language of mobile apps depends on the mobile-os you are currently running. The React Native framework gives you the ability to program in React style, and the output will be a compiled version (os-specific) using the native OS language.
Unfortunately, those two don't really work together, and you can't just take any React lib and use it in your react-native code.
0
Unfortunately, the material-UI library specially built for ReactJS which is the web counterpart of the React Native is not applicable to the React Native app development ecosystem. This does not mean that you cannot provide the native feel to the app you are developing. The library providing every material theme does not come out of the box for React Native. However, there are some packages that provide components with material theming. Likewise, you can also check some amazing React Native themes that give your app a modern look and feel. They simply make an app look amazing and appealing to the user group. It's all about improvising and adapting.
0
Material Design Library for ReactNative
Making your React Native apps look and feel native, React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases.
0
yes we can but not as in react js web developement i am adding an example --React Native Material UI (iOS and Android supported)
0
I was working with react-native-elements and have a good performance to Android and IOS. However, its complicated change the style of components.
Since a few months i tried with NativeBase and its perfect. It have a lot of components kind MaterialUI and works perfectly in Android and IOS. Its a very completly library.