【Flutter】textDirectionプロパティの使い方| TextDirection

textDirection使い方
スポンサーリンク

textDirectionプロパティとは?

textDirectionプロパティは、ColumnやRowなどのプロパティで使われ、x軸におけるchildrenの配置される方向(左からまたは右から)を指定します。また、textDirectionの引数にTextDirectionを使います。

>>【Flutter】Widgetの基本的な仕組み/使い方

TextDirectionの基本的な使い方

TextDirection.ltr

TextDirection.ltr

childrenを左から順に配置します。

Rowの場合

TextDirection.rtl

TextDirection.rtl

childrenを右から順に配置します。

Rowの場合

サンプルコード

import 'package:flutter/material.dart';

void main() {
  runApp(
    MyApp(),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter入門アカデミー'),
        ),
        body: Row(
          textDirection: TextDirection.ltr,
          children: [
            Container(
              width: 100,
              height: 100,
              color: Colors.yellow,
            ),
            Container(
              width: 100,
              height: 100,
              color: Colors.red,
            ),
            Container(
              width: 100,
              height: 100,
              color: Colors.green,
            ),
          ],
        ),
      ),
    );
  }
}
タイトルとURLをコピーしました