flutter設置多個Text底部對齊

    Baseline(
      baselineType: TextBaseline.alphabetic, // 使用字母基線
      baseline: 30, // 基線高度，與第一個 Text 的字體大小相同
      child: Row(
        mainAxisSize: MainAxisSize.min,
        // 確保 Row 寬度盡可能小
        crossAxisAlignment: CrossAxisAlignment.baseline,
        // 沿著基線對齊
        textBaseline: TextBaseline.alphabetic,
        // 使用字母基線
        children: [
          Text("10", style: TextStyle(fontSize: 30)),
          Text("秒", style: TextStyle(fontSize: 10)),
        ],
      ),
    )
顯示效果如下圖
Snipaste_2024-10-11_17-16-10.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容