RN 简单但挺实用的插件

前言

本文旨在记录一些比较常见的插件,也是为开发作准备,千里之行始于足下,还是多注重积累。

吐司

兼容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

你可能感兴趣的:(RN 简单但挺实用的插件)