如何在 flutter 中將兩行文本與一行文本對齊

Question

因此，我希望帶有 2 行字符串的行（“Some long string with 2 lines heres”）與 1 行字符串正確對齊：（“Name：”），但我想在不檢查的情況下執行此操作字符串長度。

這是我的行代碼：

Row(
  children: <Widget>[
    Text(
      title,
      style: Theme.of(context).textTheme.headline6.copyWith(height: 1.24),
    ),
    Spacer(),
    Container(
      width: 242.0,
      alignment: Alignment.bottomRight,
      child: Text(
        text,
        textAlign: TextAlign.end,
        maxLines: 2,
        style: Theme.of(context).textTheme.bodyText1.apply(
              color: kGrey,
            ),
      ),
    ),
  ],
);

至於我想要的結果，這是一個圖像示例：

Answer 1

使用crossAxisAlignment Row參數對齊文本以開始crossAxisAlignment: CrossAxisAlignment.start

解決方案-

       Row(
           crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text(
                title,
                style: Theme.of(context)
                    .textTheme
                    .headline6
                    .copyWith(height: 1.24),
              ),
              Spacer(),
              Container(
                width: 242.0,
                alignment: Alignment.bottomRight,
                child: Text(
                  text,
                  textAlign: TextAlign.end,
                  maxLines: 2,
                  style: Theme.of(context).textTheme.bodyText1.apply(
                   color: kGrey,
                  ),
                ),
              ),
            ],
          ),

希望這會對您有所幫助，如果您有任何疑問，請在評論中提問。