What is the easiest way to use material design in a react-native iOS app?

material-design react-native material-ui
David Handel picture David Handel · Jan 4, 2016 · Viewed 27.7k times · Source

I have found these partial implementations on Github as the leading contenders although they have a way to go:

They are lacking some components at this time that I would like to utilize. Is there an alternative solution that I'm missing?

Answer

satya164 picture satya164 · Mar 15, 2018

We recently released React Native Paper at Callstack: https://reactnativepaper.com/

Some highlights include:

  • Follows latest material design guidelines
  • Nice theming API which allows you to switch themes dynamically
  • Accessible by default
  • Supports RTL mode
  • Works on both Android and iOS, including Expo

There is also official integration for React Navigation for our Bottom Navigation component.

Here are some screenshots:

ButtonTextInputFAB

Not sure what components you're missing. So not sure if this satisfies your needs.

Related questions

What is the default unit of style in React Native?

I am contributing to an Open Source Project where I am developing Material design for React Native. I am blocked at work,I am unable to make some UI level enhancements w.r.t. padding, alignment etc., This is the …

Read More
Android Material Design Button Styles

I'm confused on button styles for material design. I'd like to get colorful raised buttons like in the attached link., like the "force stop" and "uninstall" buttons seen under the usage section. Are there available styles or do I need …

Read More
This Activity already has an action bar supplied by the window decor

Trying to move over my stuff to use Toolbar instead of action bar but I keep getting an error saying java.lang.RuntimeException: Unable to start activity ComponentInfo{com.tyczj.weddingalbum/com.xxx.xxx.MainActivity}: java.lang.IllegalStateException: This Activity …

Read More