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

更新時(shí)間：2018年08月23日 10:06:40 作者：何小有

這篇文章主要為大家詳細(xì)介紹了Flutter質(zhì)感設(shè)計(jì)之模態(tài)底部面板，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

模態(tài)底部面板是菜單或?qū)υ?huà)框的替代方案，可防止用戶(hù)與其他控件進(jìn)行互動(dòng)，可以使用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è)計(jì)底部面板
      showModalBottomSheet<Null>(context:context, builder:(BuildContext context) {
       return new Container(
        child: new Padding(
         padding: const EdgeInsets.all(32.0),
         child: new Text(
          '這是模態(tài)底部面板，點(diǎn)擊任意位置即可關(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()
 ));
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Android銀行卡掃描獲取銀行卡號(hào)
這篇文章主要為大家詳細(xì)介紹了Android銀行卡掃描獲取銀行卡號(hào)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-09-09
使用Android系統(tǒng)提供的DownloadManager來(lái)下載文件
本篇文章主要介紹了使用Android系統(tǒng)提供的DownloadManager來(lái)下載文件，可以將長(zhǎng)時(shí)間的下載任務(wù)交給系統(tǒng)，完全由系統(tǒng)管理，有需要的可以了解下。
2016-11-11
Android控件View的文字周?chē)砑訄D標(biāo)
這篇文章主要為大家詳細(xì)介紹了Android控件View的文字周?chē)砑訄D標(biāo)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
Android控件之CheckBox、RadioButton用法實(shí)例分析
這篇文章主要介紹了Android控件之CheckBox、RadioButton用法,以實(shí)例形式較為詳細(xì)的分析了CheckBox和RadioButton實(shí)現(xiàn)復(fù)選按鈕及單選按鈕功能的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
Android應(yīng)用中使用Fragment組件的一些問(wèn)題及解決方案總結(jié)
這里我們講的Fragment主要探討的是support庫(kù)中的Fragment,包括Fragment常遇到的crash崩潰問(wèn)題,嵌套Fragment收不到onActivityResult()回調(diào)以及一些常用tips等,需要的朋友可以參考下
2016-05-05
Android的廣播Receiver動(dòng)態(tài)注冊(cè)和靜態(tài)注冊(cè)示例
本篇文章主要介紹了Android的廣播Receiver動(dòng)態(tài)注冊(cè)和靜態(tài)注冊(cè)示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
Android自定義模擬時(shí)鐘控件
這篇文章主要為大家詳細(xì)介紹了Android自定義模擬時(shí)鐘控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下<BR>
2022-01-01
Android中控制和禁止ScrollView自動(dòng)滑動(dòng)到底部的方法
這篇文章主要給大家介紹了關(guān)于Android中控制和禁止ScrollView自動(dòng)滑動(dòng)到底部的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位Android開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-10-10
使用Chrome瀏覽器調(diào)試Android App詳解
這篇文章主要介紹了使用Chrome瀏覽器調(diào)試Android App詳解,本網(wǎng)講解了使用Facebook開(kāi)源Stetho實(shí)現(xiàn)在Chrome中調(diào)試Android App中,需要的朋友可以參考下
2015-05-05
android 控件同時(shí)監(jiān)聽(tīng)單擊和雙擊實(shí)例
這篇文章主要介紹了android 控件同時(shí)監(jiān)聽(tīng)單擊和雙擊實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-08-08