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

概述模态底部面板是菜单或对话框的替代方案，可防止用户与其他控件进行互动，可以使用showModalBottomSheet函数创建和显示模态底部面板。 import 'package:flutter/material.dart';class MyApp extends StatelessWidget { @override Widget build(BuildContext context

模态底部面板是菜单或对话框的替代方案，可防止用户与其他控件进行互动，可以使用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()  ));}

总结

以上是内存溢出为你收集整理的Flutter进阶—质感设计之模态底部面板全部内容，希望文章能够帮你解决Flutter进阶—质感设计之模态底部面板所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。