[Flutter]CupertinoSwitchのサイズを変えるには?

Flutter

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

CupertinoSwitchのサイズを変える方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

CuopertinoSwitchのサイズを変えるには、Transform.scaleを使います。

まず、CupertinoSwitchをTransform.sacleでラップします。

そして、Transform.scaleの引数「scale」に、CupertinoSwitchを通常の何倍にするかを指定します。
(2倍なら「2」、0.5倍なら「0.5」を指定します。)

Transform.scale(
  scale: /*デフォルトの何倍にするか*/,
  child: CupertinoSwitch(
    value: _value,
    onChanged: (newValue) {
      ・・・
    },
  ),
),

Transform.scaleを使えば、CupertinoSwitchのサイズを変えることができます。

使用例

以下は、使用例です。

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var _value = false;
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Center(
          child: Transform.scale(
            scale: 2.5, //2.5倍
            child: CupertinoSwitch(
              value: _value,
              onChanged: (newValue) {
                setState(() {
                  _value = newValue;
                });
              },
            ),
          ),
        ),
      ),
    );
  }
}

コメント

タイトルとURLをコピーしました