CupertinoPicker(選択系のUI)を高速で動かすと値がおかしくなる

CupertinoPickerとは?

https://api.flutter.dev/flutter/cupertino/CupertinoPicker-class.html

IOSのよく見るセレクター

発生した問題

CupertinoPickerを高速で動かすとおそらくsetstateの処理の後に非同期処理が完了して値の変更が起こっため選択した物が表示されないで一つ前の要素が表示される

原因

setState内で非同期処理を呼んでいた。

    setState(() {
      Future(() async {
       //非同期処理
      });
    });

解決法

CupertinoPickerなど高速に選択が変わるUIに対しては値を設定する際は非同期処理は行わないようにする。DropDownMenuなどは非同期処理で値を変更しても問題なさそう。