原创 flutter學習--Container容器組件
Alignment屬性 bottomCenter:下部居中對齊。 botomLeft: 下部左對齊。 bottomRight：下部右對齊。 center：縱橫雙向居中對齊。 centerLeft：縱向居中橫向居左對齊。 cente
2020-06-08 00:03:39
原创 bilibili案例學習—框架搭建
fluro跳轉路由庫 引入： dependencies: fluro: "^1.4.0" 初始化：在main.dart文件中main方法中初始化 void main() { //路由配置 var router = n
2019-07-09 06:23:32
原创 flutter學習--毛玻璃製作效果
Flutter的Fliter Widget 也是非常強大的，它可以製作出你想要的神奇濾鏡效果。這節我們就以實戰的方式，製作一個毛玻璃效果 BackdropFilter Widget BackdropFilter就是背景濾鏡組件，使
2019-06-11 12:41:47
9
原创 flutter學習--列表組件
基本使用 使用ListView，然後在他的內部children中，使用了widget數組，因爲是一個列表，所以它接受一個數組，然後有使用了listTite組件（列表瓦片），在組件中放置了圖標和文字。 body: new ListV
2019-06-11 12:41:47
2
原创 flutter學習--底部導航欄製作
底部導航欄製作 主入口文件的編寫 import 'package:flutter/material.dart'; import 'bottom_navigation_widget.dart'; void main()=>runA
2019-06-11 12:41:47
原创 flutter學習--酷炫的路由動畫
酷炫的路由動畫 主入口方法 import 'package:flutter/material.dart'; import 'pages.dart'; void main()=>runApp(MyApp()); class My
2019-06-11 12:41:47
原创 flutter學習--佈局
Row水平佈局 不靈活水平佈局 import 'package:flutter/material.dart'; void main () => runApp(MyApp()); class MyApp extends State
2019-06-11 12:41:47
原创 flutter學習--保持頁面狀態
在工作中切換頁面時，再切換回來，時要求頁面狀態不發生改變的。這能給APP瀏覽者最好的體驗，幾乎所有的APP都有這個需求，屬於一個大衆需求。 With 關鍵字的使用 with是dart的關鍵字，意思是混入的意思，就是說可以將一個或者
2019-06-11 12:41:47
原创 flutter學習--不規則底部導航欄製作
不規則底部導航欄 自定義主題樣本 Flutter支持自定義主題，如果使用自定義主題，設置的內容項是非常多的，Flutter貼心的爲給我們準備了主題樣本。 theme: ThemeData( primarySwatch: Col
2019-06-11 12:41:47
1
原创 flutter學習--流式佈局 模擬添加照片效果
mediaQuery 媒體查詢 使用meidaQuery可以很容易的得到屏幕的寬和高，得到寬和高的代碼如下： final width = MediaQuery.of(context).size.width; final heigh
2019-06-11 12:41:47
原创 flutter學習--頁面跳轉
一般頁面導航和返回 RaisedButton按鈕組件 它有兩個最基本的屬性： child：可以放入容器，圖標，文字。讓你構建多彩的按鈕。 onPressed：點擊事件的相應，一般會調用Navigator組件。 Navigato
2019-06-11 12:41:47
16
原创 flutter學習--搜索框
主入口文件 繼承StatelessWidget,然後在home屬性中加入SearchBarDemo，這是一個自定義的Widget，主要代碼都在這個文件中。 import 'package:flutter/material.dart
2019-06-11 12:41:47
原创 flutter學習--Image組件
加入圖片的幾種方式 Image.asset:加載資源圖片，就是加載項目資源目錄中的圖片,加入圖片後會增大打包的包體體積，用的是相對路徑。 Image.network:網絡資源圖片，意思就是你需要加入一段http://xxxx.xxx
2019-05-14 03:12:51
2
原创 flutter學習--Text組件
Text組件屬性 爲了展示效果，首先編寫如下代碼： import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp exten
2019-05-14 03:12:41
原创 flutter學習--編寫簡單的app
創建 Flutter app Android Studio上直接Flie->new->new Flutter Project創建一個應用 創建出來的項目結構如圖所示 在lib文件夾下，已經自動創建一個main.dart文件， imp
2019-05-13 01:30:19
10