Flutter控件Snackbar（它是Material Design设计中的一个轻量级消息通知控件。）

最新推荐文章于 2024-05-18 00:15:24 发布

Ricardo_M_Zero

最新推荐文章于 2024-05-18 00:15:24 发布

阅读量315

点赞数

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/qq_40156884/article/details/109477116

版权

本文介绍了Flutter中的Snackbar，一种Material Design设计中的轻量级消息通知控件。讲解了如何利用Builder获取上下文context，并提供了完整的Snackbar使用示例代码。

摘要由CSDN通过智能技术生成

0.Snackbar概况：
在这里插入图片描述

掌握Builder():
builder才能获取当前控件的上下文context

class study extends StatefulWidget {
  @override
  _studyState createState() => _studyState();
}

class _studyState extends State<study> {

  @override
  void initState() {
    //相当于构造方法，但控件创建只会执行一次
    super.initState();
  }

  TextEditingController _controller = TextEditingController(); //需要设置这个

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Flutter Widget"),
        ),
        body: Builder(
          //建造器，获取Scaffold的context下面ctx就是Scaffold的context，return返回的是放在body位置的东西
          builder: (ctx) {
            return Center(
              child: RaisedButton(
                child: Text("按钮"),
                onPressed: () {