GestureDetector(
onTap: () {
const snackBar = SnackBar(content: Text('Tap'));
ScaffoldMessenger.of(context).showSnackBar(snackBar);
},
child: Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(5),
),
child: const Text('Button'),
),
)
[Flutter]SnackBar
更新於 發佈於 閱讀時間約 1 分鐘
留言
留言分享你的想法！
小黑與程式的邂逅
8會員
123內容數
嗨，我是一名程式設計師，會在這分享開發與學習紀錄。
小黑與程式的邂逅的其他內容
2023/12/28
解析成List
List items=json.decode(jsonStr);
print(items[0]["your_key"]);
解析成Map
Map<String, dynamic> user = json.decode(json);
print('${user['your_k
2023/12/28
解析成List
List items=json.decode(jsonStr);
print(items[0]["your_key"]);
解析成Map
Map<String, dynamic> user = json.decode(json);
print('${user['your_k
2023/12/26
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。
連線
final channel = IOWebSocketChannel.connect('wss://echo.websocket.events');
接收
StreamBui
2023/12/26
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。
連線
final channel = IOWebSocketChannel.connect('wss://echo.websocket.events');
接收
StreamBui
2023/12/26
Dio是一個Dart Http請求庫，支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。
加入
dependencies:
dio: ^x.x.x #请使用pub上的最新版本
使用
GET
Response response;
2023/12/26
Dio是一個Dart Http請求庫，支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。
加入
dependencies:
dio: ^x.x.x #请使用pub上的最新版本
使用
GET
Response response;
你可能也想看
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
嗨！歡迎來到 vocus
vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。
vocus 平台匯聚了
嗨！歡迎來到 vocus
vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。
vocus 平台匯聚了
在本文中，我們將介紹 TextField 文字輸入框元件及其基本用法。TextField 是一個關鍵的元件，使用者可以輕鬆地輸入文字，廣泛應用於各類應用程式中，如表單、搜尋框和聊天介面等。
在本文中，我們將介紹 TextField 文字輸入框元件及其基本用法。TextField 是一個關鍵的元件，使用者可以輕鬆地輸入文字，廣泛應用於各類應用程式中，如表單、搜尋框和聊天介面等。
本篇文章將深入探討如何在 Flutter 中使用 Image 圖片元件。我們將涵蓋從資源管理到顯示本地資料夾中的圖片，以及如何載入網路圖片的完整過程。透過這篇文章，您將學會如何有效地管理圖片資源，並在應用程式中正確顯示圖片，提升您的 Flutter 開發技能。
本篇文章將深入探討如何在 Flutter 中使用 Image 圖片元件。我們將涵蓋從資源管理到顯示本地資料夾中的圖片，以及如何載入網路圖片的完整過程。透過這篇文章，您將學會如何有效地管理圖片資源，並在應用程式中正確顯示圖片，提升您的 Flutter 開發技能。
這篇文章深入探討了 Flutter 框架中的 ElevatedButton（漂浮按鈕）元件。文章介紹了其基本用法，包括必填參數 onPressed 和 child 的解析，並示範了如何使用匿名函數來處理按鈕點擊事件。此外，還說明了如何設定按鈕的顏色和形狀，並提供了完整的範例程式碼。
這篇文章深入探討了 Flutter 框架中的 ElevatedButton（漂浮按鈕）元件。文章介紹了其基本用法，包括必填參數 onPressed 和 child 的解析，並示範了如何使用匿名函數來處理按鈕點擊事件。此外，還說明了如何設定按鈕的顏色和形狀，並提供了完整的範例程式碼。
在本篇教學中，我們介紹了 Flutter 中的 Row 和 Column 佈局容器，並探討了它們的基本用法及進階技巧。此外，我們還提到如何使用快捷鍵來格式化程式碼，以提升可讀性。
在本篇教學中，我們介紹了 Flutter 中的 Row 和 Column 佈局容器，並探討了它們的基本用法及進階技巧。此外，我們還提到如何使用快捷鍵來格式化程式碼，以提升可讀性。
本文深入探討 Flutter 中的 Container 元件，這是一個多功能的包裝 Widget，能夠有效管理和裝飾其他 Widget。文章將詳細說明如何調整 Container 的大小、設置外部間距（margin）以及使用 BoxDecoration 來自訂樣式。
本文深入探討 Flutter 中的 Container 元件，這是一個多功能的包裝 Widget，能夠有效管理和裝飾其他 Widget。文章將詳細說明如何調整 Container 的大小、設置外部間距（margin）以及使用 BoxDecoration 來自訂樣式。
前一篇我們介紹了遊戲模板的基本架構，在這篇文章中會記錄目前的開發進度，主要先把遊戲核心邏輯寫完，再慢慢完成其他功能，在這系列的文章中，我不會太聚焦於寫程式的部分，如果想看程式內容的話，可以到我的 github 上看喔，讓我們開始吧！
前一篇我們介紹了遊戲模板的基本架構，在這篇文章中會記錄目前的開發進度，主要先把遊戲核心邏輯寫完，再慢慢完成其他功能，在這系列的文章中，我不會太聚焦於寫程式的部分，如果想看程式內容的話，可以到我的 github 上看喔，讓我們開始吧！