He estado usando reaccionar por un tiempo y sé que Material UI https://material-ui.com/ es la biblioteca de interfaz de usuario creada para reaccionar. Mi pregunta es: ¿es posible usar esta biblioteca (que está diseñada para reaccionar) con react-native?
En algunas investigaciones, encontré que react-native tiene otra biblioteca de UI llamada react-native-paper, pero me preguntaba si Material-UI puede encajar junto con react-native.
material-ui es una implementación basada en reacción del sistema de diseño de materiales. Está destinado al desarrollo web y el resultado que obtiene es HTML/CSS (que son los componentes básicos de cada página web).
react-native es un marco que le permite crear aplicaciones móviles nativas utilizando el poder y la sintaxis de React. El lenguaje de programación nativo de las aplicaciones móviles depende del sistema operativo móvil que esté ejecutando actualmente. El marco React Native le brinda la capacidad de programar en estilo React, y el resultado será una versión compilada (específica del sistema operativo) utilizando el lenguaje nativo del sistema operativo.
Desafortunadamente, esos dos realmente no funcionan juntos, y no puede simplemente tomar cualquier React lib y usarlo en su código nativo de reacción.
Desafortunadamente, la biblioteca material-UI especialmente creada para ReactJS, que es la contraparte web de React Native, no es aplicable al ecosistema de desarrollo de aplicaciones React Native. Esto no significa que no pueda proporcionar la sensación nativa a la aplicación que está desarrollando. La biblioteca que proporciona todos los temas materiales no viene de la caja para React Native. Sin embargo, hay algunos paquetes que proporcionan componentes con temas de materiales. Del mismo modo, también puede consultar algunos temas asombrosos de React Native que le dan a su aplicación una apariencia moderna. Simplemente hacen que una aplicación se vea increíble y atractiva para el grupo de usuarios. Se trata de improvisar y adaptarse.
Biblioteca de diseño de materiales para ReactNative
Haciendo que sus aplicaciones React Native se vean y se sientan nativas, React Native Paper es una biblioteca de Material Design de alta calidad que cumple con los estándares que lo cubre en todos los casos de uso principales.
Sí, podemos, pero no como en el desarrollo web de React js. Estoy agregando un ejemplo: interfaz de usuario de material nativo de React (compatible con iOS y Android)
Estuve trabajando con react-native-elements y tengo un buen rendimiento para Android e IOS. Sin embargo, es complicado cambiar el estilo de los componentes.
Desde hace unos meses probé con NativeBase y es perfecto. Tiene muchos componentes tipo MaterialUI y funciona perfectamente en Android e IOS. Es una biblioteca muy completa.