問(wèn)題:flutter 兩個(gè)Text控件,一個(gè)顯示字符,一個(gè)顯示數(shù)字,垂直方向不對(duì)齊問(wèn)題
代碼如下:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Flexible(
flex: 1,
fit: FlexFit.loose,
child: Text("tabOrderAwaitingPutGoods".tr,
maxLines: 1,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.center,
style: TextStyle(
height: AppSize.lineHeight,
fontSize: DimenUtils.font_sp14,
fontWeight: FontWeight.bold,
color: ColorUtils.text_blue)),
),
SizedBox(width: 10.w),
Text(
key: _key,
surplusPutGoodTimeStr(context),
maxLines: 1,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.center,
style: widget.textStyle ??
TextStyle(
height: AppSize.lineHeight,
fontSize: AppSize.textSize,
fontWeight: FontWeight.w400,
color: AppColors.textColor))
],
)
效果圖:

8bf0e2d5-968e-4126-8a6d-7d166760c18a.jpeg
解決方案
給兩個(gè)Text設(shè)置StrutStyle,并把forceStrutHeight設(shè)置為true即可
代碼如下:
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Flexible(
flex: 1,
fit: FlexFit.loose,
child: Text("tabOrderAwaitingPutGoods".tr,
maxLines: 1,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.center,
strutStyle: StrutStyle(
fontSize: DimenUtils.font_sp14, forceStrutHeight: true),
style: TextStyle(
height: AppSize.lineHeight,
fontSize: DimenUtils.font_sp14,
fontWeight: FontWeight.bold,
color: ColorUtils.text_blue)),
),
SizedBox(width: 10.w),
Text(
key: _key,
surplusPutGoodTimeStr(context),
maxLines: 1,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.center,
strutStyle: StrutStyle(
fontSize: DimenUtils.font_sp14, forceStrutHeight: true),
style: widget.textStyle ??
TextStyle(
height: AppSize.lineHeight,
fontSize: AppSize.textSize,
fontWeight: FontWeight.w400,
color: AppColors.textColor))
],
)
效果圖如下:

2a8b42f4-ca61-494f-a93b-39b4d7465f84.jpeg