Flutter质感设计之模态底部面板

 更新时间:2018年08月23日 10:06:40   作者:何小有  
这篇文章主要为大家详细介绍了Flutter质感设计之模态底部面板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

模态底部面板是菜单或对话框的替代方案,可防止用户与其他控件进行互动,可以使用showModalBottomSheet函数创建和显示模态底部面板。

import 'package:flutter/material.dart';

class MyApp extends StatelessWidget {

 @override
 Widget build(BuildContext context) {
  return new Scaffold(
   appBar: new AppBar(
    title: new Text('底部面板')
   ),
   body: new Center(
    child: new RaisedButton(
     child: new Text('显示底部面板'),
     onPressed: () {
      // showModalBottomSheet<T>:显示模态质感设计底部面板
      showModalBottomSheet<Null>(context:context, builder:(BuildContext context) {
       return new Container(
        child: new Padding(
         padding: const EdgeInsets.all(32.0),
         child: new Text(
          '这是模态底部面板,点击任意位置即可关闭',
          textAlign: TextAlign.center,
          style: new TextStyle(
           color: Theme.of(context).accentColor,
           fontSize: 24.0
          )
         )
        )
       );
      });
     }
    )
   )
  );
 }
}

void main() {
 runApp(new MaterialApp(
  title: 'Flutter Demo',
  home: new MyApp()
 ));
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android银行卡扫描获取银行卡号

    Android银行卡扫描获取银行卡号

    这篇文章主要为大家详细介绍了Android银行卡扫描获取银行卡号的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09
  • 使用Android系统提供的DownloadManager来下载文件

    使用Android系统提供的DownloadManager来下载文件

    本篇文章主要介绍了使用Android系统提供的DownloadManager来下载文件,可以将长时间的下载任务交给系统,完全由系统管理,有需要的可以了解下。
    2016-11-11
  • Android控件View的文字周围添加图标

    Android控件View的文字周围添加图标

    这篇文章主要为大家详细介绍了Android控件View的文字周围添加图标,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • Android控件之CheckBox、RadioButton用法实例分析

    Android控件之CheckBox、RadioButton用法实例分析

    这篇文章主要介绍了Android控件之CheckBox、RadioButton用法,以实例形式较为详细的分析了CheckBox和RadioButton实现复选按钮及单选按钮功能的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Android应用中使用Fragment组件的一些问题及解决方案总结

    Android应用中使用Fragment组件的一些问题及解决方案总结

    这里我们讲的Fragment主要探讨的是support库中的Fragment,包括Fragment常遇到的crash崩溃问题,嵌套Fragment收不到onActivityResult()回调以及一些常用tips等,需要的朋友可以参考下
    2016-05-05
  • Android的广播Receiver动态注册和静态注册示例

    Android的广播Receiver动态注册和静态注册示例

    本篇文章主要介绍了Android的广播Receiver动态注册和静态注册示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Android自定义模拟时钟控件

    Android自定义模拟时钟控件

    这篇文章主要为大家详细介绍了Android自定义模拟时钟控件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下<BR>
    2022-01-01
  • Android中控制和禁止ScrollView自动滑动到底部的方法

    Android中控制和禁止ScrollView自动滑动到底部的方法

    这篇文章主要给大家介绍了关于Android中控制和禁止ScrollView自动滑动到底部的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • 使用Chrome浏览器调试Android App详解

    使用Chrome浏览器调试Android App详解

    这篇文章主要介绍了使用Chrome浏览器调试Android App详解,本网讲解了使用Facebook开源Stetho实现在Chrome中调试Android App中,需要的朋友可以参考下
    2015-05-05
  • android 控件同时监听单击和双击实例

    android 控件同时监听单击和双击实例

    这篇文章主要介绍了android 控件同时监听单击和双击实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08

最新评论