Skip to content

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

Notifications You must be signed in to change notification settings

UnPourTous/react-native-stub-toast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published