Toast

Install

npm i --save react-native-dj-toastwithicon

Usage

Using in your app will usually look like this:

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
} from 'react-native';

import Toast from 'react-native-dj-toast';


export default class NPMTest extends Component {

    render() {
      return (
        <View style={{marginTop:20}}>
          <TouchableHighlight onPress={()=>this.refs.toast.show('This is a toast!')}>
            <Text>click me</Text>
          </TouchableHighlight>
          <Toast ref="toast" />
        </View>
      );
    }
}

AppRegistry.registerComponent('xxx', () => NPMTest);

Props

The following props can be used to modify the style and/or behaviour:

Prop	Type	Opt/Required	Default	Note
icons	array	Option	[]	需要显示的icon，可以传多个icon，形式如 [require('image!success_black'),require('image!error_black')]

Methods

The following methods can be used to open and close the Dialog:

Method	Parameters	Note
show	message:需要显示的信息，time:toast显示的时长,默认为2000ms，iconIdx:需要显示的icon在icons数组中的位置	iconIdx可不传，默认为0