コンテンツへスキップ

【Flutter】ステートレスウィジェットについて

    Flutterでウィジェットを作成する際、ステートレスウィジェットは非常に重要です。

    ステートレスウィジェットは、状態のない(または変更のない)ウィジェットを表します。この記事では、ステートレスウィジェットの概要と、具体例を紹介します。

    ステートレスウィジェットとは?

    ステートレスウィジェットは、一度作成されると、その状態を変更することができません。

    そのため、ステートレスウィジェットは、変更のないウィジェットを作成するために使用されます。

    ステートレスウィジェットの例

    以下は、ステートレスウィジェットの例です。この例では、静的なテキストを表示するだけのシンプルなウィジェットを作成します。

    import 'package:flutter/material.dart';
    
    class MyTextWidget extends StatelessWidget {
      final String text;
    
      MyTextWidget({required this.text});
    
      @override
      Widget build(BuildContext context) {
        return Text(
          text,
          style: TextStyle(fontSize: 24.0),
        );
      }
    }
    
    

    上記の例では、MyTextWidgetという名前のステートレスウィジェットが定義されています。このウィジェットは、引数として渡されたテキストを表示します。この例では、テキストのフォントサイズを24ptに設定しています。

    MyTextWidget(text: 'Hello, World!')
    
    

    上記の例では、MyTextWidgetを使用して、”Hello, World!”というテキストが表示されます。

    まとめ

    ステートレスウィジェットは、Flutterでウィジェットを作成する際に重要な要素の1つです。

    ステートレスウィジェットは、状態のない(または変更のない)ウィジェットを表します。ステートレスウィジェットを使用することで、静的なウィジェットを簡単に作成することができます。