@unpourtous/react-native-stub-toast

react native component for both Android and iOS

Usage no npm install needed!

<script type="module">
  import unpourtousReactNativeStubToast from 'https://cdn.skypack.dev/@unpourtous/react-native-stub-toast';
</script>

README

react-native-stub-toast

JavaScript Style Guide

Introduction

A Toast component which can be called with static function, It does not need to add <Tosat /> every page.

Installation

npm install @unpourtous/react-native-stub-toast --save

Usage

First, add PopupStub as sibling node of you Root Node

export default class example extends Component {
  render () {
    return (
      <View style={styles.container}>
        {/* Your root node */} 
        <TouchableHighlight
          onPress={() => {
            // Step three: Use Toast with static function
            Toast.show('This is a Toast')
            Toast.show('This is a another Toast')
          }}>
          <Text>Show Toast</Text>
        </TouchableHighlight>
        
        {/* Step One: Add popup stub */} 
        <PopupStub ref={component => {
          this._popupStub = component
          // Step Two: Init toast with PopupStub ref
          Toast.init(this._popupStub)
        }} />
      </View>
    )
  }
}

License

This library is distributed under MIT Licence.