Flutterを使用して移動可能なスタックウィジェット機能を作成する

クラス HomeView は StatefulWidget を拡張します {
  @オーバーライド
  _HomeViewState は、_HomeViewState を createState() します。
}

クラス_HomeViewStateはState<HomeView>を拡張します。
  リスト<ウィジェット> 可動アイテム = [];

  @オーバーライド
  ウィジェットビルド(BuildContextコンテキスト) {
    Scaffold を返す(
        本体: スタック(
          子: 可動アイテム、
        ));
  }
}

クラス _MoveableStackItemState は State<MoveableStackItem> を拡張します {
  ダブルx位置 = 0;
  ダブルy位置 = 0;
  色 色;

  @オーバーライド
  void initState() {
    色 = RandomColor().randomColor();
    スーパーステートを初期化します。
  }

  @オーバーライド
  ウィジェットビルド(BuildContextコンテキスト) {
    位置を返す(
      上: y位置、
      左: x位置、
      子: ジェスチャー検出器(
        onPanUpdate: (タップ情報) {
          状態を設定する(() {
            x位置 += tapInfo.delta.dx;
            y位置 += tapInfo.delta.dy;
          });
        },
        子:コンテナ(
          幅: 150,
          高さ: 150,
          色: 色、
        ）、
      ）、
    );
  }
}

 Scaffold を返す(
  フローティングアクションボタン:フローティングアクションボタン(
    押されたとき: () {
      状態を設定する(() {
        移動可能なアイテムを追加します(MoveableStackItem());
      });
    },
  ）、
  本体: スタック(
    子: 可動アイテム、
  ));