發表文章

Day 7:水平 Row 和垂直 Column 容器

圖片
哈囉~大家好,我是 KT ,今天【iT邦幫忙鐵人賽】挑戰第七天,KT 將為大家來介紹,水平 Row 和垂直 Column 容器。 Row 水平佈局容器 元件會「水平」方向依序排列。 Column 垂直佈局容器 元件會「垂直」方向依序排列。 Row 水平佈局容器範例 在 Row 水平佈局,加入三個 Text 文字元件

Day 6:Container 大大容器

圖片
哈囉~大家好,我是 KT ,今天【iT邦幫忙鐵人賽】挑戰第六天,KT 將為大家來介紹,Container 容器佈局元件。Container 是 Flutter 用的最廣泛的的一個容器佈局元件。 Container 容器佈局,常用的屬性child:可以設定一個子元件color:背景顏色alignment:對齊方式constraints: 最大高度、最大寬度、最小高度、最小寬度margin: 外部間距padding: 內部間距起手式 一開始基礎的畫面程式,在根據此篇主題,加入相關程式碼。 import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{@override Widget build(BuildContext context){returnMaterialApp( home:Scaffold( appBar:AppBar( title:Text('HKT線上教室'