[Flutter]CupertinoActivityIndicatorのアニメーションを無効にするには？

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

CupertinoActivityIndicatorのアニメーションを無効にする方法を紹介します。

方法

CupertinoActivityIndicatorのアニメーションを無効にするには、引数「animating」を使います。

具体的には、CupertinoActivityIndicatorの引数「animating」に「false」を指定します。

CupertinoActivityIndicator(
  animating: false,
),

CupertinoActivityIndicatorの引数「animating」に「false」を指定することで、CupertinoActivityIndicatorのアニメーションを無効にできます。

使用例

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

class _MyHomePageState extends State<MyHomePage> {
  bool isLoading = false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            CupertinoActivityIndicator(
              animating: isLoading,
              radius: 24,
            ),
            CupertinoButton(
              child: Text("Switch Loading"),
              onPressed: () {
                setState(() {
                  isLoading = !isLoading;
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}