[Flutter]Textを横並びにするには？

どうも、ちょげ(@chogetarou)です。

Textを横並びにする方法を紹介します。

方法

Textを横並びにするには、Rowを使います。

まず、Rowを配置します。

そして、Rowの引数「children」に、横並びにするTextのリストを指定します。

Row(
  children: [
    //横並びにするテキストをカンマ区切りで指定
    Text('テキスト'),
    Text('テキスト２'),
    Text('テキスト３'),
    ・・・
  ],
),

Rowを使うことで、Textを横並びにすることが出来ます。

Row(
  mainAxisAlignment: MainAxisAlignment.〇〇, //Textの配置を設定
  children: [
    ~~~Text~~~
  ],
),

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: [
            Text('Hello,'),
            Text('Flutter.'),
            Text('こんにちは、'),
            Text('フラッター'),
          ],
        ),
      ),
    );
  }

[Flutter]CupertinoAlertDialogでTextFieldを使うには？

CupertinoAlertDialogでTextFieldを使う方法を紹介します。

www.choge-blog.com

2022.01.21

[Flutter]テキスト(text)を選択するには？

複数のテキストから１つのテキストを選択する方法を紹介します。

www.choge-blog.com

2022.01.08

[Flutter]Textの装飾をするには？

Textの装飾をする方法を紹介します。

www.choge-blog.com

2022.01.07