美文网首页ReactNative学习笔记
RN 简单但挺实用的插件

RN 简单但挺实用的插件

作者: 奔跑的杰尼龟zxl | 来源:发表于2019-04-25 20:41 被阅读0次

前言

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

吐司

兼容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 简单但挺实用的插件

    本文链接:https://www.haomeiwen.com/subject/tcstnqtx.html