前言

本文旨在記錄一些比較常見的插件，也是為開發(fā)作準備，千里之行始于足下，還是多注重積累。

吐司

兼容IOS和Android

yarn add react-native-root-toast --save

react-native-root-toast開源框架
簡要封裝

import Toast from 'react-native-root-toast'
// 位置 -100還蠻合適的,可以自由調整
// Toast.positions.TOP (equals to 20)
//Toast.positions.BOTTOM (equals to -20)
//Toast.positions.CENTER (equals to 0)
export default function toast(text, duration = Toast.durations.SHORT, position = -100) {
    return Toast.show(text, {
        duration: duration,
        position: position,
        shadow: true,
        animation: true,
        hideOnPress: true,
        delay: 0,
    });
}

export function hideToast(toast) {
    Toast.hide(toast)
}

使用

Toast('吐司來咯');

屏幕快照 2019-04-25 下午8.39.17.png