[Flutter]Cupertinoのアイコンのボタンを作るには？

どうも、ちょげ(@chogetarou)です。

Cupertinoのアイコンのボタンを作る方法を紹介します。

方法

Cupertinoのアイコンのボタンを作るには、「cupertino_icons」パッケージとCupertinoButtonを使います。

まず、「pubspec.yaml」でパッケージを追加します。（既に追加されてる場合があります）

dependencies:
  cupertino_icons: ^1.0.2

そして、該当ファイルでCupertinoをインポートします。

import 'package:flutter/cupertino.dart';

次に、CupertinoButtonを用意し、childにIconを指定します。

CupertinoButton(
  child: Icon(),
  onPressed: () {},
),

最後に、Iconの引数にCupertinoIconの値を指定します。

CupertinoButton(
  child: Icon(
    CupertinoIcons.add_circled_solid,
    size: 100,
  ),
  onPressed: () {},
),

これでCupertinoのアイコンのボタンを作ることが出来ます。