Flutter質感設計之模態(tài)底部面板
更新時間：2018年08月23日 10:06:40 作者：何小有
這篇文章主要為大家詳細介紹了Flutter質感設計之模態(tài)底部面板，具有一定的參考價值，感興趣的小伙伴們可以參考一下
模態(tài)底部面板是菜單或對話框的替代方案，可防止用戶與其他控件進行互動，可以使用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)質感設計底部面板
showModalBottomSheet<Null>(context:context, builder:(BuildContext context) {
return new Container(
child: new Padding(
padding: const EdgeInsets.all(32.0),
child: new Text(
'這是模態(tài)底部面板，點擊任意位置即可關閉',
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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了Android銀行卡掃描獲取銀行卡號的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09
使用Android系統(tǒng)提供的DownloadManager來下載文件
本篇文章主要介紹了使用Android系統(tǒng)提供的DownloadManager來下載文件，可以將長時間的下載任務交給系統(tǒng)，完全由系統(tǒng)管理，有需要的可以了解下。2016-11-11
這篇文章主要為大家詳細介紹了Android控件View的文字周圍添加圖標，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
Android控件之CheckBox、RadioButton用法實例分析
這篇文章主要介紹了Android控件之CheckBox、RadioButton用法,以實例形式較為詳細的分析了CheckBox和RadioButton實現(xiàn)復選按鈕及單選按鈕功能的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
Android應用中使用Fragment組件的一些問題及解決方案總結
這里我們講的Fragment主要探討的是support庫中的Fragment,包括Fragment常遇到的crash崩潰問題,嵌套Fragment收不到onActivityResult()回調(diào)以及一些常用tips等,需要的朋友可以參考下2016-05-05
Android的廣播Receiver動態(tài)注冊和靜態(tài)注冊示例
本篇文章主要介紹了Android的廣播Receiver動態(tài)注冊和靜態(tài)注冊示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要為大家詳細介紹了Android自定義模擬時鐘控件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下<BR>2022-01-01
Android中控制和禁止ScrollView自動滑動到底部的方法
這篇文章主要給大家介紹了關于Android中控制和禁止ScrollView自動滑動到底部的相關資料，文中通過示例代碼介紹的非常詳細，對各位Android開發(fā)者們具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2017-10-10
使用Chrome瀏覽器調(diào)試Android App詳解
這篇文章主要介紹了使用Chrome瀏覽器調(diào)試Android App詳解,本網(wǎng)講解了使用Facebook開源Stetho實現(xiàn)在Chrome中調(diào)試Android App中,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了android 控件同時監(jiān)聽單擊和雙擊實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08