/ Material Design

An elegant and beautiful showcase for iOS apps with react native

An elegant and beautiful showcase for iOS apps with react native

React Native Material Showcase iOS

React Native Bridge for aromajoin/material-showcase-ios

Before we dive into on how to use this library. We would like to thank all the contributor of aromajoin/material-showcase-ios for providing such a awesome nice, cool library

Android Platform
Please refer react-native-taptargetview for the Android support

material-showcase

Installation

  • $ npm install react-native-material-showcase-ios --save

  • $ react-native link react-native-material-showcase-ios

  • Add material-showcase-ios in Embedded Binaries & Linked Frameworks and Libraries. You can find this library from below path:

node_modules/react-native-material-showcase-ios/ios/material-showcase-ios/MaterialShowcase.xcodeproj

Please find below screenshot reference for the same:

Video 1

API's

  • AppTourView.for: AppTourTarget
let appTourTarget = AppTourView.for(Button, {
    primaryText: 'This is a target button 1',
    secondaryText: 'We have the best targets, believe me'
})

> **Note:** App Tour Target Properties are same as defined by [KeepSafe/TapTargetView](https://github.com/KeepSafe/TapTargetView)


AppTour.ShowFor(appTourTarget)
  • AppTourSequence
    • add(AppTourTarget)
    • remove(AppTourTarget)
    • removeAll
    • get(AppTourTarget)
    • getAll
let appTourSequence = new AppTourSequence()
this.appTourTargets.forEach(appTourTarget => {
appTourSequence.add(appTourTarget)
})

AppTour.ShowSequence(appTourSequence)
  • AppTour
    • ShowFor(AppTourTarget)
    • ShowSequence(AppTourTargets)

Breaking Changes

GitHub