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:显示模态质感设计底部面板
      showModalBottomSheet(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质感设计之模态底部面板-创新互联
文章URL:http://lszwz.com/article/jeiis.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款