Flutter入門 -頁面技巧

flutter沉浸式狀態欄

SystemUiOverlayStyle systemUiOverlayStyle =
        SystemUiOverlayStyle(statusBarColor: Colors.transparent);
   SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);

flutter設置沉浸式狀態欄

獲取屏幕的寬高

MediaQuery.of(context).size //一個包含寬度和高度的對象，單位是dp
flutter 獲取屏幕寬度高度 通知欄高度等屏幕信息

點擊水波紋效果

GestureDetector 使用點擊無水波紋出現，InkWell可以實現水波紋效果。
flutter InkWell 設置水波紋點擊效果詳述

基本組件使用

按鈕的使用

Flutter基礎Widget之按鈕（RaisedButton、FlatButton、OutlineButton，IconButton）

加載圖片

flutter本地圖片使用，

1. 在文件夾存放圖片，
2. 在yaml中指定圖片路徑
3. 在dart中使用
   https://www.jianshu.com/p/fb878254b393

text使用技巧

TextField去掉下劃線

TextField(
          decoration: InputDecoration(
            border: InputBorder.none,
          ),
        )

如何在flutter中爲文本添加陰影？

使用BackdropFilter僞造陰影 ：https://codeday.me/bug/20181125/423935.html

默認給text文字增加雙下劃線，比較醜，需要設置下

設置下裝飾方式即可：https://blog.csdn.net/baidu_34120295/article/details/86496657

Flutter Decoration背景設定（邊框、圓角、陰影、形狀、漸變、背景圖像等）

https://blog.csdn.net/chenlove1/article/details/83627831

常見佈局

學習 Flutter常用佈局組件
與Android中的幀佈局，相對佈局，線性佈局，絕對佈局，表格佈局，

• Stack(層疊控件) 類似FrameLayout
• SizedBox 能強制子控件具有特定寬度、高度或兩者都有,使子控件設置的寬高失效

Flutter之SafeArea組件

顧名思義：安全區域，可以讓此包裹的組件，展示在安全的位置，尤其針對劉海屏幕的上面和下面的處理，詳細看下這個博客。
https://www.jianshu.com/p/c6320f61a9b7

Flutter之Offstage組件

控制child是否顯示
當offstage爲true，控件隱藏； 當offstage爲false，顯示；
當Offstage不可見的時候，如果child有動畫等，需要手動停掉，Offstage並不會停掉動畫等操作。
學習博客：https://www.jianshu.com/p/b877ee7b1748

flutter移動開發中的頁面跳轉和傳值

https://my.oschina.net/u/248241/blog/1796503

flutter中的圓和圓角的設置

圓：有三種方式
圓角：有2中方式：

https://www.jianshu.com/p/b4085a1a5129

如果給單個控件設置陰影

//使用Material包裹
Material( 
	elevation: 5,//控制陰影大小
	shadowColor: Colors.red,//控制陰影的顏色
	borderRadius: BorderRadius.circular(40),//這個矩形的圓角度數
	child: TextFormField(
		...
	),
)

flutter column嵌套listview不能滾動的問題

在listview外面嵌套一個Expanded，或者一個container就可以了，
尺寸計算的問題，Expande就是listview有多大就有多大,container就是container多大listview就有多大，可以滾動