腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何让对话框出现在Snackbar上？

问如何让对话框出现在Snackbar上？
EN

Stack Overflow用户

提问于 2020-12-18 00:17:43

回答 1查看 107关注 0票数 1

Codesandbox：https://codesandbox.io/s/elegant-wind-mv842

在沙箱中可以看到，我使用Notistack作为快餐栏。我也想使用MUI对话框，但是Snackbar出现在对话框的上方，这是我不想要的。有没有一种方法可以让对话框出现在快餐栏上，而不是关闭它们？

  <div>
    <SnackbarProvider maxSnack={3}>
      <MessageButtons />
    </SnackbarProvider>
    <SimpleDialogDemo />
  </div>

是我在演示中生成的唯一组件，它足以看出问题所在。

reactjs

material-ui

notistack

回答 1

Stack Overflow用户

发布于 2021-06-18 04:40:57

只需减少通知堆栈的z索引，例如：

const useStyles = makeStyles((theme) => ({
     snackbar: {
        zIndex: 10,
     }
}));

并为SnackbarProvider提供了适当的支持

 <SnackbarProvider classes={{containerRoot: classes.snackbar}}>
   ...
 </SnackbarProvider>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65350160

复制

[Flutter]使用SnackBar

github builder image toast widget

SnackBar是用户操作后，显示提示信息的一个控件，类似Toast，会自动隐藏。它还可以添加操作按钮，等等。SnackBar是通过Scaffold的showSnackBar方法来显示的。所以要显示一个SnackBar,要先拿到Scaffold。

吴老师

2018/09/05

1.8K0

Snackbar使用详解

网站 jquery ui github git 开源

Snackbar是介于Toast与Dialog之间的一个控件，既可以像Toast一样自动消失，也可以像Dialog一样交互消失。

yechaoa

2022/06/10

9550

Android 自定义 Snackbar

xml android 面向对象编程

Snackbar： Android 官方的一个控件，在 Android 应用中也算很常见了，用来显示应用交互中正在发生的消息，跟 Toast 类似，又有所区别，关于它的简单介绍和使用见上篇。Android 关于 Snackbar 基本使用。

用户8928967

2023/02/28

1.8K0

小程序开店指南:如何让你的门店出现在“附近的小程序”页面?

微信

商户可在小程序后台添加地点，展示这个小程序。当用户在此地点的周围，可在微信小程序入口中“附近的小程序”发现并使用小程序提供的服务。

用户1745481

2019/01/08

1.1K0

编写 vuetify 全局 snackbar

components

components/snackbar.vue <template> <v-snackbar v-model="open" :bottom="bottom" :color="color" :timeout="2000">{{ msg }}</v-snackbar> </template> <script lang='ts'> import { Component, Vue } from "vue-property-decorator"; @Component export default cla

4O4

2022/04/25

1K0

小程序开店指南:如何让你的门店出现在“附近的小程序”页面?

小程序访问管理微信

商户可在小程序后台添加地点，展示这个小程序。当用户在此地点的周围，可在微信小程序入口中“附近的小程序”发现并使用小程序提供的服务。

用户1745481

2019/01/09

1.3K0

小程序开店指南:如何让你的门店出现在“附近的小程序”页面?

小程序访问管理微信

商户可在小程序后台添加地点，展示这个小程序。当用户在此地点的周围，可在微信小程序入口中“附近的小程序”发现并使用小程序提供的服务。

用户1745481

2019/04/19

1.2K0

增强现实何时会出现在iPhone上

ios

据外媒报道，近日，苹果公司收购了增强现实初创公司Metaio。根据Metaio网站的介绍获悉，这是一家增强现实和电脑视觉的先锋公司，它开发了一套增强现实创作工具--Metaio Creator。用户可

机器人网

2018/04/19

4640

小程序开店指南:如何让你的门店出现在“附近的小程序”页面?

小程序访问管理微信

商户可在小程序后台添加地点，展示这个小程序。当用户在此地点的周围，可在微信小程序入口中“附近的小程序”发现并使用小程序提供的服务。

用户1745481

2019/04/19

1.1K0

如何让短视频做到”秒播“？（上）

视频处理短视频云点播 ipv6 dns

和直播一样，短视频想要做到“秒播”，不仅仅是要在短视频小程序源码上做优化，还要在服务器上做优化。移动设备的视频播放器是通过某个视频url域名，通过DNS服务请求到IP地址，通过这个IP地址与视频服务器建立TCP链接，在连接之上建立http协议，最终请求到数据，通过播放器进行解析，用户看到画面听到声音，一个短视频的起播流程就结束了。

云豹通讯员

2020/03/16

2K0

浅谈SnackBar(Toast大兄弟)

android xml

SnackBar是 Android Support Library 22.2.1 里面新增提供的一个控件,我们可以简单的把它理解成一个加强版的Toast，或者是一个轻量级的Dialog。特点： 1.SnackBar和Toast的用途一样，都是用来提示用户操作后的结果的。 2.SnackBar显示时位置一般是在屏幕底部，较大的设备就显示在左下角。 3.SnackBar同一时间只有一条 4.SnackBar可以自动消失，也可以手动取消（在完成某个操作的时候） 5.在Activity结束的时候，Snac

听着music睡

2018/06/25

7300

Material Design整理（二）——SnackBar

其他

github地址： https://github.com/shuaijia/MaterialDesignProject 简介官方推荐使用SnackBar代替Toast 基本用法：（和Toast很

蜻蜓队长

2018/08/03

4210

Android 关于 Snackbar 基本使用

编程算法 https android 网络安全

Snackbar 呢，是 Android 官方的一个控件，它可以说跟 Toast 类似，在应用交互中给用户以友好提示的控件。

用户8928967

2023/02/28

2.3K0

Snackbar-Android M新控件

编程算法 http android

Snackbar 是 Android design support library 中的另一个组件。使用 Snackbar，可以在屏幕底部快速的显示一条消息，大体与 Toast 相同，但多了几分灵活性：

小小工匠

2021/08/16

7960

浅谈SnackBar(Toast大兄弟)

其他

听着music睡

2018/05/18

7920

SEO的目的是让网站出现在Google的顶端位置

seo 网站搜索引擎

在今天的课程中，我们重点介绍什么是SEO。首先需要明确的是，搜索引擎优化的定义并不统一，每个专家都有自己的看法。如果你用谷歌搜索“whatisseo”，你会得到很多不同的定义；其次，SEO并不是专门指SearchEngineOptimization，也可以是SearchExperienceOptimization的简称，有时后者甚至比前者更有代表性；第三，SEO不是计算机科学，而是技术和营销的结合。

幻影龙王

2021/09/08

4190

[- Flutter基础篇 -] 聊聊那些弹框

网站 jquery ui

对话框作为一个挺重要的东西，这里来说一下，细细一数也蛮多的，本文包括 [1].SimpleDialog [2].AlertDialog [3].CupertinoAlertDialog [4].Dialog中的组件状态更新 [5].SnackBar [6].BottomSheet [7].DatePicker [8].TimePickerwTimePicker, [9].CupertinoPicker [10].CupertinoDatePicker [11].CupertinoTimerPicker

张风捷特烈

2020/10/16

1.6K0

Flutter基础widgets教程-SnackBar篇

flutter

1 SnackBar SnackBar 是 Flutter 提供的一种提示 Widget，附带操作（Action）功能 2 构造函数 SnackBar({ Key key, @required this.content, this.backgroundColor, this.elevation, this.shape, this.behavior, this.action, this.duration = _snackBarDisplayDur

青年码农

2020/10/10

4230

[- Flutter基础篇 -] 聊聊那些弹框

网站 jquery ui

张风捷特烈

2020/04/30

1.9K0

点击加载更多

相似问题

如何在snackBar上显示进度对话框？

如何让Snackbar重新打开？

114

如何让对话框出现在左边？

从snackbar关闭对话框

119

FloatingActionButton --如何让SnackBar不向上推动Flutter？

210

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何让对话框出现在Snackbar上？
EN

回答 1

Stack Overflow用户

如何在snackBar上显示进度对话框？

如何让Snackbar重新打开？

如何让对话框出现在左边？

从snackbar关闭对话框

FloatingActionButton --如何让SnackBar不向上推动Flutter？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让对话框出现在Snackbar上？EN

回答 1

Stack Overflow用户

如何在snackBar上显示进度对话框？

如何让Snackbar重新打开？

如何让对话框出现在左边？

从snackbar关闭对话框

FloatingActionButton --如何让SnackBar不向上推动Flutter？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让对话框出现在Snackbar上？
EN