欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Flutter質(zhì)感設(shè)計之模態(tài)底部面板

 更新時間：2018年08月23日 10:06:40   作者：何小有  
這篇文章主要為大家詳細介紹了Flutter質(zhì)感設(shè)計之模態(tài)底部面板，具有一定的參考價值，感興趣的小伙伴們可以參考一下

模態(tài)底部面板是菜單或?qū)υ捒虻奶娲桨?，可防止用戶與其他控件進行互動，可以使用showModalBottomSheet函數(shù)創(chuàng)建和顯示模態(tài)底部面板。

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>：顯示模態(tài)質(zhì)感設(shè)計底部面板
      showModalBottomSheet<Null>(context:context, builder:(BuildContext context) {
       return new Container(
        child: new Padding(
         padding: const EdgeInsets.all(32.0),
         child: new Text(
          '這是模態(tài)底部面板，點擊任意位置即可關(guān)閉',
          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()
 ));
}

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論