Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

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

  • react-native-material-kit
  • react-native-material-design

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

like image 919
David Handel Avatar asked Jan 04 '16 04:01

David Handel


People also ask

Can you use Material Design on iOS?

Can we use Material Components for iOS with storyboards? Yes! Storyboards and nibs/xibs are great places to use Material Components for iOS. Almost every component has support for Interface Builder development that includes IBDesignable.

Can we use MUI in React Native?

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.

What is Material Design in React Native?

Welcome to React Native Material Design, an open source project which aims to bring Material Design to Android through React Native by Facebook. The library is made up of many components, which can be found in the sidebar.


1 Answers

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.

like image 196
satya164 Avatar answered Nov 03 '22 08:11

satya164