Flutter 拖拽排序组件 ReorderableListView

移动开发 作者: 2024-08-21 22:55:01
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ReorderableListView是通过长按拖动某一项
List<String> items = List.generate(20,(int i) => '$i');
ReorderableListView(
  children: <Widget>[
    for (String item in items)
      Container(
        key: ValueKey(item),height: 100,margin: EdgeInsets.symmetric(horizontal: 50,vertical: 10),decoration: BoxDecoration(
            color:
                Colors.primaries[int.parse(item) % Colors.primaries.length],borderRadius: BorderRadius.circular(10)),)
  ],onReorder: (int oldIndex,int newIndex) {
    if (oldIndex < newIndex) {
      newIndex -= 1;
    }
    var child = items.removeAt(oldIndex);
    items.insert(newIndex,child);
    setState(() {});
  },)
ReorderableListView(
  header: Text(
    '一枚有态度的程序员',style: TextStyle(color: Colors.red,fontSize: 20),)
  ...
)
ReorderableListView(
  reverse: true,...
)
ReorderableListView(
  scrollDirection: Axis.horizontal,...
)
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_66339.html