原创 《Flutter 動畫系列一》25種動畫組件超全總結

動畫運行的原理 任何程序的動畫原理都是一樣的,即:視覺暫留,視覺暫留又叫視覺暫停,人眼在觀察景物時,光信號傳入大腦神經,需經過一段短暫的時間,光的作用結束後,視覺形象並不立即消失,這種殘留的視覺稱“後像”,視覺的這一現象則被稱爲“視覺暫留

原创 你知道嗎,Flutter內置了10多種show

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 showDialog showDialog 用於彈出Material風格對話框,基本用

原创 你知道嗎,Flutter內置了10多種Button控件

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Flutter內置了10多種Button(按鈕)類控件供我們使用,瞭解這些控件有助於提

原创 Flutter Form表單控件超全總結

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Form、FormField、TextFormField是表單相關控件,類似於H5中f

原创 Flutter 裁剪類組件 最全總結

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ClipRect ClipRect組件使用矩形裁剪子組件,通常情況下,ClipRect

原创 Flutter 拖拽控件Draggable看這一篇就夠了

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Draggable系列組件可以讓我們拖動組件。 Draggable Draggable

原创 一篇帶你看懂Flutter疊加組件Stack

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Stack Stack組件可以將子組件疊加顯示,根據子組件的順利依次向上疊加,用法如下

原创 Flutter Widgets 之 ShaderMask

ShaderMask可以讓我們將Shader用於任何一個控件上,比如在Text上使用漸變就可以使用ShaderMask來實現: ShaderMask( shaderCallback: (Rect bounds) {

原创 Flutter Widgets 之 ShaderMask

ShaderMask可以讓我們將Shader用於任何一個控件上,比如在Text上使用漸變就可以使用ShaderMask來實現: ShaderMask( shaderCallback: (Rect bounds) {

原创 Flutter Widgets 之 SnackBar

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基礎用法 應用程序有時候需要彈出消息提示用戶,比如‘網絡連接失敗’、‘下載成功’等提示

原创 Flutter Widgets 之 RichText

注意:無特殊說明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基礎用法 應用程序離不開文字的展示,因此文字的排版非常重要,通常情況下Text組件可以