在屏幕顶部显示 React Native Paper Snackbar

Ron*_*zen 5 react-native react-native-paper

我正在使用React Native Paper 中的SnackBar,它显示在我的应用程序底部:

在此输入图像描述

但我想在屏幕顶部显示这个小吃栏。我尝试使用样式组件来做到这一点:

export const ConfirmSnack = styled(Snackbar)`
  top: 0;
`;
Run Code Online (Sandbox Code Playgroud)

但这并不能解决问题,即使添加时position: absolute;我已经阅读了文档但找不到任何有关定位小吃栏的内容。如何在屏幕顶部显示此信息栏?

小智 11

这对我有用。

<Snackbar wrapperStyle={{ top: 0 }} visible={true}>Casis added to basket</Snackbar>
Run Code Online (Sandbox Code Playgroud)

包装风格

小吃店包装的样式

这是博览会链接,它将切换垂直对齐方式

链接到 React Native Paper Snackbar 的[文档](https://callstack.github.io/react-native-paper/snackbar.html#wrapperStyle