# react-native-stub-toast

**Repository Path**: UnPourTous/react-native-stub-toast

## Basic Information

- **Project Name**: react-native-stub-toast
- **Description**: A Toast component which can be called with static function, It does not need to add <Tosat /> every page.
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-02-13
- **Last Updated**: 2025-01-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-native-stub-toast

[![JavaScript Style Guide](https://cdn.rawgit.com/feross/standard/master/badge.svg)](https://github.com/feross/standard)  
  
## 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
``` js
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.