Material Explorer example app showing off material-native components
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
__tests__
android
ios
screenshots
src
.babelrc
.buckconfig
.eslintignore
.eslintrc.json
.flowconfig
.gitattributes
.gitignore
.npmignore
.watchmanconfig
LICENSE.md
README.md
app.json
index.js
material-native-package.js
package.json

README.md

Material Explorer

MIT dependencies devDependencies

Material Explorer example app showing off material-native components.

Getting Started

Android

You may need to open material-explorer/android in Android Studio first or setup ANDROID_HOME for react-native to find the Android SDK. You can also run the project or start the simulator using Android Studio.

git clone https://github.com/material-native/material-explorer.git # clone the repository
cd material-explorer # enter the directory
npm install # install dependencies
npm run setup # Configure Material Explorer the included material-native package

# In a separate terminal tab:
react-native run-android

iOS

You can also run ios/MaterialExplorer.xcodeproj in XCode in place of react-native run-ios.

git clone https://github.com/material-native/material-explorer.git # clone the repository
cd material-explorer # enter the directory
npm install # install dependencies
npm run setup # Configure Material Explorer the included material-native package

# In a separate terminal tab:
react-native run-ios

Developing with your own copy of material-native

Material Explorer can use a development copy of material-native (a clone of your git fork of the material-native/material-native repository). You will need to clone repository at or move your existing checkout to material-explorer/material-native in order for this to work.

To set up Material Explorer for this after setting up your clone run npm run setup-custom. Note that this has to delete the copies of react and react-native in material-native/node_modules, this is necessary to make Material Explorer work but will make tests in material-explorer/material-native until you re-run npm install.

You can use the npm run custom-test helper to automate npm install and npm test in material-native/ then running npm run setup to restore the Material Explorer afterwards.

Screenshots

Colors Typography Icons Ripples Buttons Action Buttons Toggles Text Fields Avatars Dialogs