小黑與程式的邂逅

[Flutter]FloatingActionButton

小黑-avatar-img
小黑
發佈於前端(Web & APP)
更新 發佈閱讀 1 分鐘

屬性

  • onPressed：按下後觸發的方法。
  • elevation：陰影大小值。
  • foregrnundColor：前景色。
foregroundColor: Color.fromARGB(255, 255, 255, 255),


  • backgroundColor：背景色。
backgroundColor: Color.fromARGB(255, 255, 255, 255),


  • floatingActionButtonLocation：設定漂浮按鈕顯示的位置。
//底部中間
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked

//右下角
floatingActionButtonLocation: FloatingActionButtonLocation.endDocked

//中間偏上
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat

//底部偏上
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat








小黑與程式的邂逅前端(Web & APP)Flutter
留言
avatar-img
小黑與程式的邂逅
8會員
123內容數
嗨，我是一名程式設計師，會在這分享開發與學習紀錄。
小黑與程式的邂逅的其他內容
2023/12/28
[Flutter]JSON解析
解析成List List items=json.decode(jsonStr); print(items[0]["your_key"]); 解析成Map Map<String, dynamic> user = json.decode(json); print('${user['your_k
Thumbnail
2023/12/28
[Flutter]JSON解析
解析成List List items=json.decode(jsonStr); print(items[0]["your_key"]); 解析成Map Map<String, dynamic> user = json.decode(json); print('${user['your_k
Thumbnail
2023/12/26
[Flutter]WebSockets
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。 連線 final channel = IOWebSocketChannel.connect('wss://echo.websocket.events'); 接收 StreamBui
Thumbnail
2023/12/26
[Flutter]WebSockets
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。 連線 final channel = IOWebSocketChannel.connect('wss://echo.websocket.events'); 接收 StreamBui
Thumbnail
2023/12/26
[Flutter]Dio
Dio是一個Dart Http請求庫，支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。 加入 dependencies: dio: ^x.x.x #请使用pub上的最新版本 使用 GET Response response;
Thumbnail
2023/12/26
[Flutter]Dio
Dio是一個Dart Http請求庫，支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。 加入 dependencies: dio: ^x.x.x #请使用pub上的最新版本 使用 GET Response response;
Thumbnail
看更多
你可能也想看
Thumbnail
avatar-avatar
程式輕鬆玩
🧩 C# WinForms FlowLayoutPanel 教學：打造自動排版 UI
在開發 C# Windows Forms 應用程式時，如果你需要讓控制項「自動排列、隨視窗大小調整」，那 FlowLayoutPanel 會是非常好用的工具。 它可以幫你做到： 👉 自動排列控制項 👉 視窗縮放時自動換行 👉 超出範圍自動出現捲軸
#程式#Csharp#FlowLayoutPanel
Thumbnail
avatar-avatar
程式輕鬆玩
🧩 C# WinForms FlowLayoutPanel 教學：打造自動排版 UI
在開發 C# Windows Forms 應用程式時，如果你需要讓控制項「自動排列、隨視窗大小調整」，那 FlowLayoutPanel 會是非常好用的工具。 它可以幫你做到： 👉 自動排列控制項 👉 視窗縮放時自動換行 👉 超出範圍自動出現捲軸
#程式#Csharp#FlowLayoutPanel
Thumbnail
avatar-avatar
Amily的沙龍
在理解與拒絕之間：從多重身分觀看《海妲．蓋柏樂》
若說易卜生的《玩偶之家》為 19 世紀的女性，開啟了一扇離家的窄門，那麼《海妲．蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆，同為熟稔文本的演員，亦是深刻體察制度縫隙的當代女性，此文所看見的不僅僅是崩壞前夕的最後發聲，更是女人被迫置於冷酷的制度之下，步步陷入無以言說的困境。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
Amily的沙龍
在理解與拒絕之間：從多重身分觀看《海妲．蓋柏樂》
若說易卜生的《玩偶之家》為 19 世紀的女性，開啟了一扇離家的窄門，那麼《海妲．蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆，同為熟稔文本的演員，亦是深刻體察制度縫隙的當代女性，此文所看見的不僅僅是崩壞前夕的最後發聲，更是女人被迫置於冷酷的制度之下，步步陷入無以言說的困境。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
瓶裝雪的沙龍
Unity Component | UGUI Button
本篇文章是Unity Component系列中的第一篇，將會介紹Unity Component中UGUI的Button的各項目介紹，不包含應用。
#Unity#unity#UnityComponent
Thumbnail
avatar-avatar
瓶裝雪的沙龍
Unity Component | UGUI Button
本篇文章是Unity Component系列中的第一篇，將會介紹Unity Component中UGUI的Button的各項目介紹，不包含應用。
#Unity#unity#UnityComponent
Thumbnail
avatar-avatar
Michael楊
CSS入門-Day6：佈局（一）
浮動（float）是早期用來創建佈局的技術。元素可以向左或向右浮動，旁邊的元素會環繞浮動元素。浮動元素通常用於圖文混排或簡單的兩欄佈局。
#CSS
Thumbnail
avatar-avatar
Michael楊
CSS入門-Day6：佈局（一）
浮動（float）是早期用來創建佈局的技術。元素可以向左或向右浮動，旁邊的元素會環繞浮動元素。浮動元素通常用於圖文混排或簡單的兩欄佈局。
#CSS
Thumbnail
avatar-avatar
釀電影，啜一口電影的美好。
《傳奇：帕拉贊諾夫的十段殘篇》：一場跨越時空的藝術對話，在舞臺上重現自由靈魂
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇：帕拉贊諾夫的十段殘篇》，如何以十段殘篇，結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭，探討藝術在儀式消失的現代社會如何承接意義，並展現不羈的自由靈魂。
#釀電影#釀評論#藝術評論
Thumbnail
avatar-avatar
釀電影，啜一口電影的美好。
《傳奇：帕拉贊諾夫的十段殘篇》：一場跨越時空的藝術對話，在舞臺上重現自由靈魂
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇：帕拉贊諾夫的十段殘篇》，如何以十段殘篇，結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭，探討藝術在儀式消失的現代社會如何承接意義，並展現不羈的自由靈魂。
#釀電影#釀評論#藝術評論
Thumbnail
avatar-avatar
小黑與程式的邂逅
[Flutter]佈局
Container child：可以設定一個子元件 Container(child:Text('child')); color：背景顏色 Container(color: Color.fromARGB(255, 255, 255, 255)); alignment：對齊方式 Co
#flutter#Container#BoxConstraints
Thumbnail
avatar-avatar
小黑與程式的邂逅
[Flutter]佈局
Container child：可以設定一個子元件 Container(child:Text('child')); color：背景顏色 Container(color: Color.fromARGB(255, 255, 255, 255)); alignment：對齊方式 Co
#flutter#Container#BoxConstraints
Thumbnail
avatar-avatar
趙鐸的沙龍
《轉轉生 Re:INCARNATION》：釋放差異的身體裂縫
長期以來，西方美學以《維特魯威人》式的幾何比例定義「完美身體」，這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯．奧尼奎庫的舞作《轉轉生》，探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
趙鐸的沙龍
《轉轉生 Re:INCARNATION》：釋放差異的身體裂縫
長期以來，西方美學以《維特魯威人》式的幾何比例定義「完美身體」，這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯．奧尼奎庫的舞作《轉轉生》，探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
#2026北藝嚴選#北藝嚴選#臺北表演藝術中心
Thumbnail
avatar-avatar
W. C. Chen的沙龍
【Flowbite】使用 JavaScript 和 Tailwind.css 實現Dark Mode
今天在練習寫網頁時，剛好要來有做到Dark Mode 的功能，那順便來記錄一下做法～ 首先要先知道Dark Mode的運作原理。是如何知道你現在是Light Mode還是Dark Mode呢？ 😀就是這邊拉～當你按下按鈕時，javascript 的toggle()去為<html>增加dark標
#DarkMode#Tailwind#Flowbite
Thumbnail
avatar-avatar
W. C. Chen的沙龍
【Flowbite】使用 JavaScript 和 Tailwind.css 實現Dark Mode
今天在練習寫網頁時，剛好要來有做到Dark Mode 的功能，那順便來記錄一下做法～ 首先要先知道Dark Mode的運作原理。是如何知道你現在是Light Mode還是Dark Mode呢？ 😀就是這邊拉～當你按下按鈕時，javascript 的toggle()去為<html>增加dark標
#DarkMode#Tailwind#Flowbite
Thumbnail
avatar-avatar
小黑與程式的邂逅
[Flutter]手勢識別
GestureDetector onTap、onDoubleTap和onLongPress class _GestureTestState extends State<GestureTest> { String _operation = "No detected!"; //事件名稱 @o
#flutter#GestureDetector#GestureRecognizer
Thumbnail
avatar-avatar
小黑與程式的邂逅
[Flutter]手勢識別
GestureDetector onTap、onDoubleTap和onLongPress class _GestureTestState extends State<GestureTest> { String _operation = "No detected!"; //事件名稱 @o
#flutter#GestureDetector#GestureRecognizer
Thumbnail
avatar-avatar
釀電影，啜一口電影的美好。
吃完飯後再談道德，除魅之後再復魅：巴里．柯斯基與柏林劇團的《三便士歌劇》
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼，反而利用華麗的秀場視覺，引導觀眾在晚期資本主義的消費愉悅之中，而能驚覺「批判」本身亦可能被收編——而當絞繩升起，這場關於如何生存的黑色遊戲，又將帶領新時代的我們走向何種後現代的自我解構？
#2026北藝嚴選#BarrieKosky#BerlinerEnsemble
Thumbnail
avatar-avatar
釀電影，啜一口電影的美好。
吃完飯後再談道德，除魅之後再復魅：巴里．柯斯基與柏林劇團的《三便士歌劇》
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼，反而利用華麗的秀場視覺，引導觀眾在晚期資本主義的消費愉悅之中，而能驚覺「批判」本身亦可能被收編——而當絞繩升起，這場關於如何生存的黑色遊戲，又將帶領新時代的我們走向何種後現代的自我解構？
#2026北藝嚴選#BarrieKosky#BerlinerEnsemble
Thumbnail
avatar-avatar
HKT實驗室
【Flutter 學習筆記】ElevatedButton 按鈕元件
這篇文章深入探討了 Flutter 框架中的 ElevatedButton（漂浮按鈕）元件。文章介紹了其基本用法，包括必填參數 onPressed 和 child 的解析，並示範了如何使用匿名函數來處理按鈕點擊事件。此外，還說明了如何設定按鈕的顏色和形狀，並提供了完整的範例程式碼。
#flutter#Flutter#Dart
Thumbnail
avatar-avatar
HKT實驗室
【Flutter 學習筆記】ElevatedButton 按鈕元件
這篇文章深入探討了 Flutter 框架中的 ElevatedButton（漂浮按鈕）元件。文章介紹了其基本用法，包括必填參數 onPressed 和 child 的解析，並示範了如何使用匿名函數來處理按鈕點擊事件。此外，還說明了如何設定按鈕的顏色和形狀，並提供了完整的範例程式碼。
#flutter#Flutter#Dart
Thumbnail
avatar-avatar
One Day Angel
Figma原型中的按鈕動態效果
今天想分享一下我最近的UI設計練習，這次的練習主題是原型動態效果，雖然自己目前對動效很熟練了，但有一些效果實際上很少被使用，所以借此機會來試試看，也能維持自己的熟練度。
#Figma#UIUX#HumanDesignTaiwan
Thumbnail
avatar-avatar
One Day Angel
Figma原型中的按鈕動態效果
今天想分享一下我最近的UI設計練習，這次的練習主題是原型動態效果，雖然自己目前對動效很熟練了，但有一些效果實際上很少被使用，所以借此機會來試試看，也能維持自己的熟練度。
#Figma#UIUX#HumanDesignTaiwan
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News