我正在使用 SliverList 和 SliverChildBuilderDelegate 来动态生成列表项。现在我试图允许 用户通过将 拖放到一行中每个项目的句柄图标上来重新排序列表项目。
我尝试了不同的东西(比如 Draggable Widget),但到目前为止我还没有找到解决方案。有没有人已经使用 SliverList Widget 进行拖放重新排序并且可以给我一个提示?
无法使用 ReorderableListView Widget,导致将 ListView 混合到 SliverList。我想使用 SliverAppBar 来允许滚动时淡出效果,正如您在此处看到的:https://medium.com/flutter-io/slivers-demystified-6ff68ab0296f
这是我的 SliverList 的结构:
return Scaffold(
body: RefreshIndicator(
...
child: CustomScrollView(
...
slivers: <Widget>[
SliverAppBar(...),
SliverList(
delegate: SliverChildBuilderDelegate(...),
)
...
提前致谢,最好,
迈克尔
最佳答案
在 pub 上查看这个 reorderables 包。它最近增加了对 SliverList 的支持。
这里的截图:ReorderableSliverList
该示例具有条形列表和应用栏,并显示您正在寻找的内容。只需将代码中的 SliverList 和 SliverChildBuilderDelegate 替换为包中的计数器部分即可。
class _SliverExampleState extends State<SliverExample> {
List<Widget> _rows;
@override
void initState() {
super.initState();
_rows = List<Widget>.generate(50,
(int index) => Text('This is sliver child $index', textScaleFactor: 2)
);
}
@override
Widget build(BuildContext context) {
void _onReorder(int oldIndex, int newIndex) {
setState(() {
Widget row = _rows.removeAt(oldIndex);
_rows.insert(newIndex, row);
});
}
ScrollController _scrollController = PrimaryScrollController.of(context) ?? ScrollController();
return CustomScrollView(
// a ScrollController must be included in CustomScrollView, otherwise
// ReorderableSliverList wouldn't work
controller: _scrollController,
slivers: <Widget>[
SliverAppBar(
expandedHeight: 210.0,
flexibleSpace: FlexibleSpaceBar(
title: Text('ReorderableSliverList'),
background: Image.network(
'https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Yushan'
'_main_east_peak%2BHuang_Chung_Yu%E9%BB%83%E4%B8%AD%E4%BD%91%2B'
'9030.png/640px-Yushan_main_east_peak%2BHuang_Chung_Yu%E9%BB%83'
'%E4%B8%AD%E4%BD%91%2B9030.png'),
),
),
ReorderableSliverList(
delegate: ReorderableSliverChildListDelegate(_rows),
// or use ReorderableSliverChildBuilderDelegate if needed
// delegate: ReorderableSliverChildBuilderDelegate(
// (BuildContext context, int index) => _rows[index],
// childCount: _rows.length
// ),
onReorder: _onReorder,
)
],
);
}
}
关于flutter - 使用拖放重新排序 Flutter 中 SliverList 中的项目,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53980410/