[Flutter]リストビュー(listview)を並び替える(reoder)には？

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

リストビューを並び替える方法を紹介します。

方法
1. ソート
2. 移動
まとめ

方法

ソート

リストビューをソートで並び替えるには、sortメソッドを使います。

以下は、例です。

  var _list = <int>[9, 2, 4, 1, 3, 7, 5, 10, 6, 8];

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: ListView.builder(
            itemCount: _list.length,
            itemBuilder: (context, index) {
              return Text('${_list[index]}');
            },
            itemExtent: 50,
          ),
        ),
        floatingActionButton: FloatingActionButton(onPressed: () {
          setState(() {
            _list.sort((a, b) => a.compareTo(b));
          });
        }),
      ),
    );
  }

[Dart]リストをソートする方法

Dartのリストに対して並び替えを行い場合があります。この記事では、リストをソートする方法を解説します。

移動

リストビューを移動して、並び替えるには、ReorderableListViewを使います。

ReorderableListViewは、引数「children」に表示する要素、引数「reOrder」に並び替える処理を追加することで使えます。

ReorderableListView(
  children: [
    /*Item*/
  ],
  onReorder: (int oldIndex, int newIndex) {
    setState(() {
      if (oldIndex < newIndex) {
        newIndex -= 1;
      }
      final int item = _items.removeAt(oldIndex);
      _items.insert(newIndex, item);
    });
  },
)