[Flutter]SnackBar

更新於 2024/12/18發佈於 2023/12/19閱讀時間約 1 分鐘

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

小黑與程式的邂逅前端(Web & APP)Flutter

小黑與程式的邂逅

8會員

123內容數

嗨，我是一名程式設計師，會在這分享開發與學習紀錄。

留言

留言分享你的想法！

小黑與程式的邂逅的其他內容

[Flutter]SQLite

加入套件在pubspec.yaml添加sqflite與path_provider。建立數據模型 id：識別欄位，唯一值為整數資料類型 name：存放名字為字串資料類型 class People { final int? id; final String? name;

#flutter #sqflite #database

[Flutter]SharedPreferences

首先需要在pubspec.yaml文件中添加依賴。宣告 SharedPreferences record = await SharedPreferences.getInstance(); 寫入 //字串資料 await record.setString(key, value); //

#flutter #SharedPreferences #setString

[Flutter]Table

class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Table( columnWid

#flutter #Table #columnWidths

[Flutter]GridView

下面代碼為兩列的GridView class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return new GridView.count( cro

#flutter #GridView #crossAxisCount

[Flutter]ListView

可以透過scrollDirection來設定垂直或水平滾動列表資料。垂直滾動 class HomePage extends StatelessWidget { //列表集合資料 List<Widget> list = <Widget>[ ListTile( ti

#flutter #scrollDirection #垂直

[Flutter]套件管理

這篇使用pubspec.yaml來管理第三方依賴套件。YAML是一種直覺、可讀性高的文件格式；他和xml或Json相比語法簡單且容易解析，所以常用於配置文件。 Flutter預設的設定檔是pubspec.yaml，底下是關鍵字解釋： name：應用程式或套件名稱。 description: 應用

#flutter #pubspec #yaml