StatelessWidget、StatefulWidget省略して表示する方法

この記事では、StatelessWidget、StatefulWidget省略して表示する方法について書いていきます。

方法
省略コード
1. StatelessWidget
2. StatefulWidget

方法

StatelessWidget を作る

入力: stless → Tab（または Enter）

StatefulWidget を作る

入力: stful → Tab（または Enter）

省略コード

それぞれの省略コードを実行すると以下のようになります。

StatelessWidget

StatelessWidgetを省略して書いたコードは以下の通りです。

import 'package:flutter/material.dart';

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }
}

StatefulWidget

StatefulWidgetを省略して書いたコードは以下の通りです。

import 'package:flutter/material.dart';

class MyWidget extends StatefulWidget {
  const MyWidget({super.key});

  @override
  State<MyWidget> createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }
}