Android 和 IOS 中的 Toast 警报创建 React Native Expo

Question

我正在使用 managed expo react native 创建一个应用程序。

并且想要实现 Toast 警报，react-native 只为 Android 提供 Toast，不为 IOS。

我用谷歌搜索了一下，发现有几个模块适用于 Android 和 ios，但它们需要在本机代码中进行一些配置更改。但正如我所说，我正在开发 Managed expo 应用程序。所以，我没有权限。

现在告诉我如何在此基础上实现 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

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

[母语] https://docs.nativebase.io/docs/GetStarted.html

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

Android 和 IOS 中的 Toast 警报创建 React Native Expo

Toast alert in Android & IOS creat react native expo

react-native

expo

toast