Flutterのウィジェット

PS：これは私の初心者向けFlutterシリーズの第2部です。残りの部分をチェックしたい場合は、リンクは記事の最後にあります。

Flutterについて学んでいる場合に最初に遭遇する可能性があるのは、ウィジェットです。彼らは何ですか？

Flutterでは、すべてが「ウィジェット」です。Reactに触発されたウィジェットは、最も単純な用語でアプリケーションのビルディングブロックのようなものです。アプリの各コンポーネントはウィジェットです。ウィジェットは、現在の構成と状態を前提として、ビューがどのように見えるかを記述します。テキスト、ボタン、テーブルビュー、リサイクルビュー（iOSとAndroidのどちらから来たかによって異なります）、ナビゲーションバーのいずれを見ても、すべてがウィジェットです。これらすべてのウィジェットが一緒になってアプリを構築します。

ウィジェットについて言えば、主に2つのタイプのウィジェットがあります。

1. ステートフルウィジェット
2. ステートレスウィジェット

ステートフルウィジェット

ステートフルウィジェットは、特定の値またはトリガーされたイベント（ボタンのクリック、http応答など）に基づいて外観を変更できます。これらのイベントは、ユーザーアクションによって、または条件が満たされた場合にプログラムでトリガーできます。ステートフルウィジェットの例は、TextField、Checkbox、Sliderなどです。

ステートフルウィジェットは、setStateメソッドを呼び出すことで再構築できます。

これは、ステートフルウィジェットの基本的な構文です。

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

簡単に言えば、ステートレスウィジェットは決して変更されません。テキスト、アイコン、および大部分は静的ビューは、ステートレスウィジェットの例です。これらのウィジェットは一度作成され、その後変更されることはありません。ステートレスウィジェット内のコンポーネントを変更するには、ウィジェット全体を再構築する必要があります。ステートレスウィジェットは再構築できないため、これらのウィジェットで定義された変数は本質的に不変です。

これは、ステートレスウィジェットの基本的な構文です。

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

この記事では、Flutterのウィジェットの基本的な考え方を説明します。さらに進むにつれて、これらをより詳細に見て、広く使用します。いつものように、どのトピックを取り上げてほしいか教えてください。できる限り説明できるように最善を尽くします。それまで、さようなら！

PS。この記事はシリーズの一部です。ここで他の記事をチェックしてください：

1. 初心者のためのフラッター
2. Flutterのウィジェット
3. Flutterでのナビゲーションとルーティング
4. Flutterのレイアウト
5. Flutterのリストビュー