反正是有空間No和Expiry Date的:喜歡的圖片下面對齊,而不是手動在文本中添加空的空間?

uj5u.com熱心網友回復:
您可以使用Sizedbox來定義Text小部件的特定大小。
樣本 :
class CustomText extends StatelessWidget {
const CustomText({Key? key}) : super(key: key);
txtItem(title, width) => SizedBox(
width: width,
child: Text(
title,
textAlign: TextAlign.left,
),
);
@override
Widget build(BuildContext context) {
var textItemWidth = MediaQuery.of(context).size.width * .3;
return Scaffold(
body: SafeArea(
child: Column(
children: [
Row(
children: [
txtItem("No", textItemWidth),
const Text(":"),
txtItem("Hi", textItemWidth),
],
),
Row(
children: [
txtItem("ExpireDate", textItemWidth),
const Text(":"),
txtItem("Hi", textItemWidth),
],
),
],
),
),
);
}
}
uj5u.com熱心網友回復:
使用Column與Rows:
Column(
children: [
Rows(
mainAxisAlignment: MainAxisAlignment.spaceBetween
children: [
Text(),
Text(),
],
),
Rows(
mainAxisAlignment: MainAxisAlignment.spaceBetween
children: [
Text(),
Text(),
],
),
],
),
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/350647.html
