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)
| 归档时间: |
|
| 查看次数: |
5464 次 |
| 最近记录: |