初めに

Material Design3 の Components には Segmented buttons という項目があります。
しかし、Flutter の Widget には Segmented buttons が用意されていないため、今回はそれを実装してみたいと思います。

記事の対象者

今回は material_segmented_control パッケージを使って Segmented button を実装します。

まずは material_segmented_control パッケージを「 pubspeck.yaml 」に記述します。
パッケージのバージョンは、特に制約がなければ最新のバージョンで問題ありません。

pubspeck.yaml

dependencies:
  flutter:
    sdk: flutter

　　　　material_segmented_control: ^4.0.0

Pub get をしてパッケージの準備は完了です。