Flutterの学習をしております。パーツの位置変更について教えて頂きたいです。

Question

前提

Flutterの学習をしております。パーツの位置変更について教えて頂きたいです。

実現したいこと

ボタンを押すことでテキストボックスの並べ替えを行いたい

発生している問題

テキストボックスが3つ縦に並んでいる状態でボタンを押下するとボタンの位置を入れ替えたいです。
下記のような動きを実装予定です。

テキストA
テキストB
テキストC

ボタン

↓ボタンを押下する

テキストB
テキストC
テキストA

ボタン

試したこと

資料がないか調べていたのですが思っているようなものを見つけることができなかったです。

Answer 1

状態によって作るウィジェットを変えればいいんじゃない。

まあ、今回のケースであればRiaFeedさんが書かれた通り、テキストを入れ替えるという実装の方がいいとは思うけど。

class Home1 extends StatefulWidget {
  const Home1({Key? key}) : super(key: key);

  @override
  State<Home1> createState() => _Home1State();
}

class _Home1State extends State<Home1> {
  bool viewType = true;

  Widget text1() => const Text("text1");
  Widget text2() => const Text("text2");
  Widget text3() => const Text("text3");

  List<Widget> widgets() {
    if (viewType) {
      return [text1(), text2(), text3()];
    } else {
      return [text1(), text3(), text2()];
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('hoge)),
      body: Center(
        child: Column(children: widgets()),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            viewType = !viewType;
          });
        },
        child: const Icon(Icons.add),
      ),
    );
  }
}

Answer 2

ボタン自体の位置を入れ替えるよりボタンのテキストを入れ替えるほうが話が早いと思う