react-native Toast简单封装

野性酷女 2021-08-14 00:14 549阅读 0赞

import { Component} from 'react';
    import Toast from 'react-native-tiny-toast';
    import { setSpText} from './util';
    
    export default class ToastBox extends Component { 
      static show = content => { 
        // toastShort toastLong
        if (this.toast !== undefined) { 
          Toast.hide(this.toast);
        }
        this.toast = Toast.show(content.toString(), { 
          duration: 2000,
          position: 0,
          shadow: true,
          animation: true,
          hideOnPress: true,
          delay: 0,
          textStyle: { fontSize: setSpText(28)}
        });
      };
    
      static showTop = content => { 
        // toastShortTop
        if (this.toast !== undefined) { 
          Toast.hide(this.toast);
        }
        this.toast = Toast.show(content.toString(), { 
          duration: 2000,
          position: 100,
          shadow: true,
          animation: false,
          hideOnPress: true,
          delay: 0,
          textStyle: { fontSize: setSpText(28)}
        });
      };
    
      static showBottom = content => { 
        // toastShortBottom
        if (this.toast !== undefined) { 
          Toast.hide(this.toast);
        }
        this.toast = Toast.show(content.toString(), { 
          duration: 2000,
          position: -200,
          shadow: true,
          animation: true,
          hideOnPress: true,
          delay: 0,
          textStyle: { fontSize: setSpText(28)}
        });
      };
    
      static loading = () => { 
        if (this.toast !== undefined) { 
          Toast.hide(this.toast);
        }
        this.toast = Toast.showLoading();
      };
    
      static hide = () => { 
        if (this.toast !== undefined) { 
          Toast.hide(this.toast);
        }
        this.toast = Toast.hide();
      };
    }