Android 和 IOS 中的 Toast 警报 creat react native expo

Question

我正在使用managedexpo react native创建一个 APP 。

并且想要实现 Toast 警报，只react-native提供Toastfor Androidnot for IOS。

我在谷歌上搜索并找到了几个适用于 Android 和 ios 的模块，但它们需要在本机代码中进行一些配置更改。但正如我所说，我正在开发Managed世博应用程序。所以，我无权访问。

现在让我知道如何在此上实现 Toast？

谢谢。

Answer 1

由于 toast 是 android 中的本机功能，对于 ios，请尝试使用 snakbar。

import {
    ToastAndroid,
    Platform
} from "react-native";
import Snackbar from 'react-native-snackbar';

notify = (message) => {
    if (Platform.OS != 'android') {
        Snackbar.show({
            text: message,
            duration: Snackbar.LENGTH_SHORT,
        });
    } else {
        ToastAndroid.show(message, ToastAndroid.SHORT);
    }
}

** 如果您在世博会 https://snack.expo.io/@mainak/snackbar

Answer 2

您可以使用适用于react-native-cli和expo的第三方库native-base

[Native-Base] https://docs.nativebase.io/docs/GetStarted.html

[Toast 组件] https://docs.nativebase.io/Components.html#toast-def-headref