Flutter：為什么 Flutter 上的 Text Widget 在放置在 TextField Widget 之前時會自動居中？ （內部列小部件）

Question

所以我試圖讓我的 TextWidget 與左對齊，但是當我將 TextWidget 放在上面（之前）TextFieldWidget 時，它會自動與 TextFieldWidget 一起居中，這里是我的代碼

import 'package:flutter/material.dart';

void main() {
  runApp(new MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Center(
            child: Text("SQLite Application"),
          ),
        ),
        body: Column(
          children: <Widget>[
            SizedBox(
              height: 20,
            ),
            Text("Name of Things"),
            TextField()
          ],
        ),
      ),
    );
  }
}

結果如下：代碼 Output

有沒有辦法讓 TextWidget 向左對齊？ 我嘗試在 TextWidget 上使用 TextAlign.left 但它不會改變。

Answer 1

您需要將 mainAxisAlignment 設置為 Start

Column(
crossAxisAlignment: CrossAxisAlignment.start

如果要將內容放在右側，可以使用

Column(
    crossAxisAlignment: CrossAxisAlignment.end

Answer 2

利用

crossAxisAlignment: CrossAxisAlignment.start,

在Column上

Answer 3

只需添加

Column(
      crossAxisAlignment: CrossAxisAlignment.start,

結果

Answer 4

您將文本放在 Column 小部件中。 默認情況下，crossAxisAlignment 列居中。 這就是為什么你的文字總是在中心。

根據此對您的代碼應用更改。

Column(crossAxisAlignment: CrossAxisAlignment.start, children:const [SizedBox(height: 20, ), Text("你的文本....,"), TextField()], ),

如果您想對齊沒有 Column 的文本，請使用與 alignment.topleft 對齊。 它會向左側移動

對齊（alignment：Alignment.topLeft，孩子：文本（“事物名稱”，textAlign：TextAlign.left，）），