zoukankan      html  css  js  c++  java
  • Flutter ReorderableListView 可拖拽的列表

    GIF.gif

    import 'package:flutter/material.dart';
    import 'dart:math' as math;
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: HomePage(),
        );
      }
    }
    
    class HomePage extends StatefulWidget {
      @override
      _HomePageState createState() => _HomePageState();
    }
    
    class _HomePageState extends State<HomePage> {
      List<String> items = List.generate(10, (int i) => '$i');
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: ReorderableListView(
            onReorder: (int oldIndex, int newIndex) {
              print(oldIndex);
              print(newIndex);
              var element = items[oldIndex];
              if (newIndex >= items.length) newIndex = items.length - 1;
              setState(() {
                items.removeAt(oldIndex);
                items.insert(newIndex, element);
              });
            },
            children: <Widget>[
              for (String el in items)
                ListTile(
                  key: ValueKey(el),
                  title: Text('Item $el'),
                ),
            ],
          ),
        );
      }
    }
    
  • 相关阅读:
    falsk 自定义中间件
    练习题
    4.12 作业题
    测试笔试题2
    测试笔试题
    简答题
    单选题
    普华和诚测试笔试试题
    缺陷报告
    测试用例点
  • 原文地址:https://www.cnblogs.com/ajanuw/p/11378984.html
Copyright © 2011-2022 走看看