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 中的資料

這個網誌中的熱門文章