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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ListView的优化https://github.com/sghiassy/react-native-sglis...
    精神病患者link常阅读 4,691评论 0 22
  • 调用系统打电话、发短信、发邮件、打开网址功能 https://github.com/anarchicknight/...
    xieyingze阅读 1,739评论 0 3
  • react-native-globalize 国际化 react-native-create-bridge ...
    JackfengGG阅读 3,745评论 0 52
  • 老瓜魔,今天我们聊一聊:状态。善用状态、懂得适当地调控状态,很重要!人们常说,“我现在不在状态,没有状态”,或者说...
    黑客思维玩游戏阅读 384评论 0 0
  • 不知道大家是不是也是这样,在早晨静静地醒来,感受到经过一夜修正后轻松的身体,然后暗暗立许下今天的心愿,希望今天也能...
    维维tyoeii阅读 208评论 0 0