search

xotahal / react-native-material-ui

Highly customizable material design components for React Native
MIT License
3.78k stars 609 forks source link

Web support #23

Open xotahal opened 8 years ago

xotahal commented 8 years ago

Want to try use react-native-web. Check this Issue in react-native-material-kit.

remon-nashid commented 7 years ago

Not an extensive test by any means but seems that it kind of works on RNW :) https://github.com/remon-georgy/react-native-components-on-web/tree/react-native-material-ui

ryanstinson commented 7 years ago

@remon-georgy I am trying to use react-native-material-ui components with react-native-web. I am finding that i get a warning in the console and the icons do not show up:

EDIT: I was able to get the icons working using https://github.com/oblador/react-native-vector-icons#web-with-webpack

Warning: Failed prop type: Invalid props.style key elevation supplied to View. Bad object: { "flexDirection": "row", "height": 56, "backgroundColor": "#ffffff", "borderTopColor": "rgba(0, 0, 0, 0.12)", "borderTopWidth": 1, "elevation": 8, "transform": [ { "translateY": 0 } ] } Valid keys: [ "animationDelay", "animationDirection", "animationDuration", ... // omitted for brevity "userSelect", "visibility", "WebkitOverflowScrolling" ] in View (created by AnimatedComponent) in AnimatedComponent (created by BottomNavigation) in BottomNavigation (at App.js:76) in div (created by View) in View (at App.js:33) in ThemeProvider (at App.js:32) in App (at index.js:14) in WebApp (created by ReactNativeApp) in div (created by View) in View (created by ReactNativeApp)

necolas commented 7 years ago

elevation won't throw warnings in RNW anymore.

@xotahal how do you develop this package to find out if/how a component renders? It looks like most of it should work without adjustments to RNW, but I can't be sure without some kind of examples to try and render.