flutter 兩個(gè)Text控件,一個(gè)顯示字符,一個(gè)顯示數(shù)字,垂直方向不對(duì)齊問(wèn)題

問(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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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