Flutter之提示元件

本文參考部落格：

傳入的context絕對不能是scaffold節點下的的context，因為

scaffold的.of()方法是從widget樹中去找到scaffold的context

所以如果直接在scaffold中使用showsnackbar的時候，需要外層套一層builder，只是為了把widget樹下移了一層而已，

import 'package:flutter/material.dart';

class hapi extends statelesswidget ,),)
);},
child: text('收藏此網頁'),
color: colors.cyan,
highlightcolor: colors.lightblueaccent,
disabledcolor: colors.lightblueaccent,
);},
),),
),);
}}

這種元件會打斷使用者當前正在進行的操作，強制使用者處理完對話方塊上的內容邏輯之後才能進行下一步操作，

常見的有alertdialog，bottomsheetdialog等。

dialog的顯示是通過showdialog(context, child)來實現的，注意到要傳兩個引數，乙個context上下文，另乙個為child,是顯示的對話方塊型別。

找了好久的bug，心累

1、******dialog

很簡單很簡單的乙個對話方塊元件

或者是有選項的對話方塊

child: text('我是女生'),

onpressed: (),

),******dialogoption(

child: text('我是鬼'),

child: text('確定'),

),flatbutton(

onpressed: (),

child: text('取消'),

),],

),);

},child: text('alertdialog'),

color: colors.cyan,

highlightcolor: colors.lightblue,

disabledcolor: colors.cyanaccent,

),),

);}}

好了今天學了兩類提示元件，還不錯

Flutter基礎元件之文字

flutter基礎元件之文字 1 text text用於顯示簡單樣式文字，它包含一些控制文字顯示樣式的一些屬性。示例 如下 column children text hello world textalign textalign.left,text hello world i m jack.4,ma...

Flutter元件篇之AboutDialog

flutter元件篇之aboutdialog 乙個關於框。這是乙個對話方塊，其中包含應用程式的圖示，名稱，版本號和版權，以及用於顯示該應用程式使用的軟體的許可證的按鈕。要顯示aboutdialog，請使用showaboutdialog。void showaboutdialog routesettin...

Flutter頁面布局之Wrap元件

wrap可以實現流布局，單行的wrap跟row表現幾乎一致，但row與column都是單行單列的，wrap則突破了這個限制，mainaxis上空間不足時，則向crossaxis上擴充套件顯示。常用屬性 屬性說明 direction 橫向縱向的排序方式 預設橫向 spacing 橫軸的間距 runsp...