文档章节

Flutter ReorderableListView 可拖拽的列表

o
 osc_g8254g7s
发布于 2019/08/19 19:01
字数 104
阅读 9
收藏 0

精选30+云产品,助力企业轻松上云!>>>

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'),
            ),
        ],
      ),
    );
  }
}
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Flutter 拖拽排序组件 ReorderableListView

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ReorderableListView是通过长按拖动某一项到另一个位置来重新排序的列表组件。 Reordera...

老孟程序员
03/07
0
0
Flutter 拖拽排序组件 ReorderableListView

注意:无特殊说明,Flutter版本及Dart版本如下: - Flutter版本: 1.12.13+hotfix.5 - Dart版本: 2.7.0 ReorderableListView是通过长按拖动某一项到另一个位置来重新排序的列表组件。 Reor...

老孟程序员
03/07
119
0
Flutter 拖拽排序组件 ReorderableListView

https://www.cnblogs.com/mengqd/archive/2020/03/07/12437190.html 注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ReorderableListVie......

osc_8i2fhl7z
03/19
1
0
Flutter 拖拽排序组件 ReorderableListView

https://www.cnblogs.com/mengqd/archive/2020/03/07/12437190.html 注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ReorderableListVie......

osc_3ytpwpyb
03/19
19
0
Flutter 拖拽排序组件 ReorderableListView

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ReorderableListView是通过长按拖动某一项到另一个位置来重新排序的列表组件。 Reordera...

老孟_
03/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

面试必问之mysql基础

mysql存储引擎 如何选择mysql存储引擎 先得了解下各个存储引擎区别 功能 MylSAM MEMORY InnoDB Archive 功能 MylSAM MEMORY InnoDB Archive 存储限制 256TB RAM 64TB None 支持事务 No No Ye...

lipengxs
28分钟前
16
0
错误:将标头发送到客户端后无法设置标头 - Error: Can't set headers after they are sent to the client

问题: I'm fairly new to Node.js and I am having some issues. 我对Node.js相当陌生,遇到了一些问题。 I am using Node.js 4.10 and Express 2.4.3. 我正在使用Node.js 4.10和Express 2......

法国红酒甜
40分钟前
18
0
Spring中事务不生效的几种情况

数据库引擎不支持事务。 没有被Spring管理。 方法不是public的。 自身调用问题。 数据源没有配置事务管理器。 不支持事务。 异常被吃了。 异常类型错误。 事务失效类型: 数据库引擎不支持事...

九分石人
59分钟前
31
0
从Linux内核理解JAVA的NIO

前言 IO 可以简单分为磁盘 IO 和 网络 IO ,磁盘 IO 相对于网络 IO 速度会快一点,本文主要介绍 磁盘 IO ,网络 IO 下周写。 JAVA 对 NIO 抽象为 Channel , Channel 又可以分为 FileChannel ...

万古云霄
今天
22
0
Material Design用在c#的wpf app中

官网:http://materialdesigninxaml.net/ 样式丰富 做网站和手机不粗 个人觉得不适合用在.net framework中,在.net core中应该大有作为。...

齐勇cn
今天
28
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部