Flutter SnackBar显示没有Scaffold

最新推荐文章于 2024-05-22 23:26:16 发布
最新推荐文章于 2024-05-22 23:26:16 发布
阅读量118 收藏
点赞数
分类专栏： Flutter快速入门实战 文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012766656/article/details/130471239
版权 
Scaffold.of() called with a context that does not contain a Scaffold.

原因：context层级使用错误，一般是直接使用页面级的context导致错误

page -> Scaffold -> Button => 使用page级context导致错误

解决：中间嵌套一个Builder，用于"转换"出一个位于Scaffold后的context

page -> Scaffold -> Builder(new context) -> Button

import 'package:flutter/material.dart';

class HomePage extends StatefulWidget {
   
  @override
  _HomePageState createState<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
AppBlog_CN
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Flutter完整开发实战详解(十七、 实用技巧与填坑二)
恋猫de小郭的博客
09-02 3277
作为系列文章的第十七篇，本篇再一次带来 Flutter 开发过程中的实用技巧，让你继续弯道超车，全篇均为个人的日常干货总结，以实用填坑为主，让你少走弯路狂飙车。 前文： 一、 Dart语言和Flutter基础 二、 快速开发实战篇 三、 打包与填坑篇 四、 Redux、主题、国际化 五、 深入探索 六、 深入Widget原理 七、 深入布局原理 八、 实用技巧与填坑 九、 深...
flutter snackbar 使用
Chents
01-28 697
flutter 里的snackbar不能直接显示，需要调用Scaffold.of(context).showSnackBar才能显示出来。 Scaffold.of(context).showSnackBar(SnackBar( content: Text("我是SnackBar"), )); ...
Flutter 40: 日常问题小结 (一)
测试0901-1
04-08 131
小菜作为一个小学生在实际操作中遇到很多问题，相对比较常见，小菜来整理记录一下。 问题一：嵌套权重异常 小菜做 Android 时为了屏幕适配，用到权重/比例比较多，Flutter 也提供了实现权重的功能，小菜尝试过 权重基本用法，当时没有涉及到嵌套权重的问题，小菜想要实现的是左侧一张大图，右侧垂直两张小图，水平方向 1:1 均分，...
点击按钮关闭Drawer报错：Scaffold.of() called with a context that does not contain a Scaffold.
microcosm1994的博客
09-24 1310
Scaffold.of() called with a context that does not contain a Scaffold. 错误原因：Scaffold.of()所需的context是Scaffold的，并不是Scaffold上方的build(BuildContext context)中的，这两个并不是一个。 Widget build(BuildContext context)...
【Flutter 问题系列第 76 篇】在 Flutter 中 Builder 组件的作用以及如何解决 Scaffold.of 找不到上下文问题的解决文案
“Allen Su”的博客
03-12 1699
在 Flutter 中 Builder 组件的作用以及如何解决 Scaffold.of 找不到上下文问题的解决文案
Flutter错误总结1:Scaffold.of() called with a context that does not contain a Scaffold.
Timer的博客
03-29 4846
在这里插入代码片## 1.Scaffold.of() called with a context that does not contain a Scaffold. 错误出现的场景: 使用Navigator 从第二个页面向第一个页面返回值 class HomePage extends StatelessWidget { @override Widget build(BuildConte...
Flutter:Scaffold.of() called with a context that does not contain a Scaffold.
北暖之森
07-14 4528
Flutter:Scaffold.of() called with a context that does not contain a Scaffold. 当我第一次点击按钮想要弹出底部消息时出现了如下错误 @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( title: Text('SnackBar')
Scaffold.of() called with a context that does not contain a Scaffold.
moyuxueyi的专栏
05-27 583
class TestWidget extends State<TestWidget> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Widget简介")), body: Center( child:RaisedButton( onPressed: () { .
Flutter SnackBar 提示信息
03-29
SnackBar是通过Scaffold的showSnackBar方法来显示的。所以要显示一个SnackBar,要先拿到Scaffold。 当BuildContext在Scaffold之前时，调用Scaffold.of(context)会报错。这时可以通过Builder Widget来解决
flutter 搭建首页框架 Scaffold 与 PageView 实现
11-17
flutter 搭建首页框架 Scaffold 与 PageView 实现
Flutter Scaffold
10-26
Flutter Scaffold。
Flutter-Snackbar:颤抖小吃店
04-14
Flutter SnackBar *扑扑小吃店 参考： :
解决Flutter启动页白屏问题，flutter启动显示图片
05-29
启动页是App必不可少的一部分，然而在一个新创建的Flutter项目中，运行发现是没有启动页的。 Android原生的白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决，而 Flutter 也是基于此办法，同时优化...
Flutter showSnackBar 报错：
一条咸鱼
09-19 1838
Flutter 使用Scaffold展示SnackBar报错： 源代码： Scaffold.of(context).showSnackBar(new SnackBar( duration: Duration(seconds: 2), content: new Text("this is snackBar"), )); 报错： P...
Flutter: Scaffold.of() called with a context that does not contain a Scaffold.
SemiraChen的博客
09-23 2146
https://api.flutter.dev/flutter/material/Scaffold/of.html body下再加一层Builder
Scaffold.of(context).showSnackBar()报错。
C201008的专栏
06-30 112
Scaffold.of(context).showSnackBar()报错
《Flutter 控件大全》第一零三：SnackBar
老孟Flutter
04-04 458
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。 Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。 基础用法 应用程序有时候需要弹出消息提示用户，比如‘网络连接失败’、‘下载成功’等提示，就像...
Flutter 不用Scaffold.of(context)来显示SnackBar，直接用GlobalKey来访问
wuleixxh的专栏
11-12 1419
由于Flutter的SnackBar必须依赖于Scaffold.of(context)，而要访问正确的context，必须要严格的套层级或者传参context,这样会有一些弊端，在一个函数内套过多层级会让代码维护非常困难，传参对于多个回调事件call也很麻烦，这时可以采用GlobalKey来直接访问，而不用Scaffold.of(context)。 import 'package:fl...
Flutter 中的 Scrollbar 小部件：全面指南
最新发布
smileKH的博客
05-22 416
Scrollbar是Flutter的widgets库中的一个widget，它提供了一个垂直或水平的滚动条，允许用户通过拖动来快速导航长内容。Scrollbar通常与一起使用，以实现精确的滚动控制。ScrollbarScrollbar(thickness: 8.0, // 设置滚动条的厚度radius: Radius.circular(4.0), // 设置滚动条的圆角controller: ScrollController(), // 使用 ScrollController 控制滚动。
flutter snackbar
05-25
Flutter Snackbar 是一个轻量级的通知组件，它可以在屏幕底部显示短暂的消息。下面是一些使用 Snackbar 的示例： 1. 显示简单的文本消息： ``` ScaffoldMessenger.of(context).showSnackBar( SnackBar( content:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值