flutter / dart 筆記：使用 row , column , stack 和 list 進行資料排列

提示

1. Center 與 Container 都只能放單一物件，多個物件使用 Row 和 Column。
2. Row 是水平方向排列，Column 是垂直方向排列
3. Main Axis 指「與排列方向相同」；Cross Axis 指「與排列方向垂直」
4. List 物件 = php 裡的 array ，用來傳入 Row 或 Column 底下的 children

建立 List 物件

var scores = List(3);

scores[0] = 90 ;
scores[1] = 85 ;
scores[2] = 100 ;

//上面這一段，等同於下面這一行
// var scores = [90, 85, 100];

//在 List 裡的資料，可以直接拿來運算，例如
var sum = scores[0] + scores[1] + scores[2]

//如果硬塞資料進不存在的空間，則 app 閃退，例如
// scores[3] = 95 ;


//List 可以不指定長度
var chScores = List();
var enScores = [];

//然後進行計算
chScores.add(70);     //[70]
chScores.addAll([80, 90, 100]);        //[70, 80, 90, 100]
chScores.insert(1, 75);                //[70, 75, 80, 90, 100]  75被插在1號位置
chScores.insertAll(1, [85, 95]);       //[70, 85, 95, 75, 80, 90, 100]  85和95，被插在 1 號位置
chScores.removeAt(5);                  //[70, 85, 95, 75, 80, 100]  5號位的數字被刪除了
final chScoresNum = chScores.length;   //6
chScores.clear();                      //清空 List 中的資料