react-native-root-toast2



  • 在项目总经常会使用到toast来做一些提示,js.coach上面的react-native-root-toast2很好用,但是它同一时间允许弹出多个,所以有时候会造成重叠,这里我简化了其使用方式,同一时间只显示一个toast。
    链接:react-native-root-toast2
    主要简化了它的调用方法,去除了component的使用方式,省略了hide()需要Toast作为参数,默认显示居中。其它使用方法和以前一样。

    安装npm i react-native-root-toast2 --save

    使用方法
    import Toast from 'react-native-root-toast2';

    // Usage 1:
    Toast.show('This is a message');

    //then
    Toast.hide();

    // Usage 2:
    // Add a Toast on screen.
    Toast.show('This is a message', {
    duration: Toast.durations.LONG,
    position: Toast.positions.BOTTOM,
    shadow: true,
    animation: true,
    hideOnPress: true,
    delay: 0,
    onShow: () => {
    // calls on toast`s appear animation start
    },
    onShown: () => {
    // calls on toast`s appear animation end.
    },
    onHide: () => {
    // calls on toast`s hide animation start.
    },
    onHidden: () => {
    // calls on toast`s hide animation end.
    }
    });

    // You can manually hide the Toast, or it will automatically disappear after a duration ms timeout.
    setTimeout(function () {
    Toast.hide();
    }, 500);


登录后回复