Row mainAxisAlignment 主軸對齊方式

GestureDetector buildButtonColumn(IconData iconData, String label,
    {Function()? onTab}) {
  var primaryColor = Colors.blue; // 主色
  return GestureDetector(
      onTap: () {
        if (onTab != null) {
          onTab();
        }
      },
      child: Column(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Icon(iconData, color: primaryColor),
          Container(
            margin: const EdgeInsets.only(top: 8.0),
            child: Text(label,
                style: TextStyle(
                  fontSize: 12.0,
                  color: primaryColor,
                  fontWeight: FontWeight.w400,
                )),
          )
        ],
      ));
}

Widget buttonSection = Container(
  padding: const EdgeInsets.only(left: 32.0, right: 32.0),
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      buildButtonColumn(Icons.call, "call".toUpperCase(),
          onTab: () => showToast(msg: "call")),
      buildButtonColumn(Icons.near_me, "near_me".toUpperCase(),
          onTab: () => showToast(msg: "near_me")),
      buildButtonColumn(Icons.share, "share".toUpperCase(),
          onTab: () => showToast(msg: "share")),
    ],
  ),
);
mainAxisAlignment: MainAxisAlignment.start
start
mainAxisAlignment: MainAxisAlignment.end
end
mainAxisAlignment: MainAxisAlignment.center
center
mainAxisAlignment: MainAxisAlignment.spaceBetween
spaceBetween
mainAxisAlignment: MainAxisAlignment.spaceAround
spaceAround
mainAxisAlignment: MainAxisAlignment.spaceEvenly
spaceEvenly
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容