【 Flutter 】Flutter を 基礎 から 学習 ( Material ComponentsとiOS-Style ) part182 Cupertino

2022年4月30日

「 基礎 から 学ぶ Flutter 」という書籍で  学習 したことを ブログでアウトプットしていこうと思います。今回は Material ComponentsとiOS-Style ( part182 )です。

前回

【 Flutter 】Flutter を 基礎 から 学習 ( Material ComponentsとiOS-Style ) part181 Cupertino

引き続き、Cupertino(iOS-style widgets)について学びます。

CupertinoButtonウィジェット

CupertinoButtonウィジェットは使用するコンストラクタによって代替となるボタンのウィジェットが変わります。

  • 通常のコンストラクタの場合はFlatButton(現在は非推奨なのでTextButton)ウィジェット
  • filled()コンストラクタを使用するとRaisedButton(現在は非推奨なのでElevatedButton)ウィジェット

 

こんな感じになりました。画面いっぱいに2つのボタン(笑

最後に

通常コンストラクタのCupertinoButtonはフラットすぎてただのテキストにしか見えませんね😓

今日はここまで！

Dart,アプリケーション,フレームワークAndroid,Flutter,iOS,Web,デスクトップ

Posted by raika@blog