flutter - 拖放芯片小部件

Question

我试图制作一个芯片列表，用户可以通过拖放手势重新排序，这是您可以执行以查看问题的示例代码，正如所说，Chip 类需要一个 Material 祖先，那么解决这个问题的方法是什么？必须一直让 Chip 和 Card 包裹在一起吗？

错误:

The following assertion was thrown building Chip(dirty): No Material widget found. Chip widgets require a Material widget ancestor.

代码:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Wrap(
          direction: Axis.horizontal,
          children: List.generate(_counter, (i) {
            var chip = Chip(
              backgroundColor: Colors.blue,
              label: Text('item ${i}'),
            );

            return Draggable(
              child: chip,
              feedback: chip,
              childWhenDragging: Container(),
            );
          }),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }

注意:我修改了默认的点击计数模板来演示我的问题

Answer 1

您可以将它包装在 FloatingActionButton 中。

var chip = FloatingActionButton(
  child: Chip(
    backgroundColor: Colors.blue,
    label: Text('item $i'),
  ),
);

希望对您有所帮助!