iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
Mobile Development

30天 - Flutter 日常系列 第 19

[Day19] Flutter - Const: Shared(part3)

前言

Hi, 我是魚板伯爵今天要介紹Const,利用它來宣告一些重複使用且不變的值,教學內容只會擷取片段程式碼,建議大家搭配完整程式碼來練習。

完整程式碼

Const

Const 在 Flutter 扮演著重要的角色,當你使用const的變數時,只要在 APP 的生命週期中他永遠不會改變,因此它只會創建一次,這可以降低一些不必要的資源。

const String word = "Hello world";

魚板範例

在寫Flutter時常常會重複使用一些顏色、字體和圖片,我們可以創建一個檔案將這些宣告成一個變數以便我們重複使用。

import 'package:flutter/material.dart';

const Color oil1Color = Color(0xFFFBF5EF);
const Color oil2Color = Color(0xFFF2D3AB);

const Color oil3Color = Color(0xFFC69FA5);
const Color oil4Color = Color(0xFF8B6D9C);

const Color oil5Color = Color(0xFF494D7E);
const Color oil6Color = Color(0xFF272744);

class Home extends StatelessWidget {
  const Home({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: oil2Color,
      body: Center(
        child: Text("Hello"),
      ),
    );
  }
}


上一篇
[Day18] Flutter - Environment (part2)
下一篇
[Day20] Flutter - Theme: Dark mode & Light mode(part4)
系列文
30天 - Flutter 日常30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言