【Flutter】Rowの中にColumnを入れ子の状態にしてTextウィジェットを定義したときに、テキストが左寄せできないことについてです。

Question

前提

Rowの中にColumnを入れ子の状態にしてTextウィジェットを定義したときに、テキストが左寄せできないことについてです。
columnに中央寄せを定義しているからか、Textウィジェットを左寄せすることができません。

実現したいこと

入れ子にして定義したTextが二つあるのですが、左寄せしたいです。
どなたかアドバイスいただけないでしょうか。

該当のソースコード

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';

class PushNotification extends StatefulWidget {
  const PushNotification({Key? key}) : super(key: key);
  @override
  State<PushNotification> createState() => _PushNotification();
}

class _PushNotification extends State<PushNotification> {
  bool _isOn2 = true;

  @override
  Widget build(BuildContext context) {
    final double deviceHeight = MediaQuery.of(context).size.height;
    final double devicewWdth = MediaQuery.of(context).size.width;
    return Scaffold(
      backgroundColor: Color.fromARGB(255, 243, 243, 243),
      appBar: PreferredSize(
        preferredSize: Size.fromHeight(70),
        child: AppBar(
          iconTheme: IconThemeData(color: Colors.black, size: 23),
          leadingWidth: devicewWdth * 0.2,
          backgroundColor: Color.fromARGB(255, 243, 243, 243),
          elevation: 0.0,
          centerTitle: true,
          title: Text('テキスト',
              style: TextStyle(
                  fontWeight: FontWeight.w600,
                  fontSize: 14,
                  color: Colors.black)),
          bottom: PreferredSize(
              child: Container(
                height: 0.3,
                color: Color.fromARGB(255, 156, 156, 156),
              ),
              preferredSize: Size.fromHeight(5)),
        ),
      ),
      body: Center(
        child: Container(
          color: Color.fromARGB(255, 243, 243, 243),
          child: Column(
            children: <Widget>[
              Container(
                height: deviceHeight * 0.08,
                width: devicewWdth,
                decoration: BoxDecoration(
                  border: Border(
                    bottom: BorderSide(
                      color: Color.fromARGB(255, 156, 156, 156),
                      width: 0.3,
                    ),
                  ),
                  color: Colors.white,
                ),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: <Widget>[
                    Row(
                      children: <Widget>[
                        Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Text(
                              'テキスト',
                              textAlign: TextAlign.left,
                            ),
                            Text(
                              'テキスト',
                              style: TextStyle(
                                  fontSize: 10,
                                  color: Color.fromARGB(255, 156, 156, 156)),
                            ),
                          ],
                        ),
                      ],
                    ),
                    CupertinoSwitch(
                      value: _isOn2,
                      onChanged: (bool? value) =>
                          setState(() => _isOn2 = value!),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

試したこと

Textウィジェットを一つずつContainerで包んんで左寄せしてみましたが変化ありませんでした。

補足情報（FW/ツールのバージョンなど）

[✓] Flutter (Channel stable, 3.3.8, on macOS 13.0.1 22A400 darwin-arm, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.73.0)

Answer 1

これでいかがでしょう。

                        Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: <Widget>[
                            Text(
                              'テキスト',
                              textAlign: TextAlign.left,
                            ),

Comments

[bbiiq]

回答ありがとうございます。
crossAxisAlignment: CrossAxisAlignment.start,
が足りなかったです。助かりました！

Answer 2

ごめん、分からないや、、、