Flutter 中的滑块

Question

我想制作与照片中相同的滑块。什么是圆形按钮。我使用了 flutter_slidable 插件，但它不起作用或者我做错了什么？

下面是我试图做的代码

       Slidable(
                  endActionPane: ActionPane(
                    motion: const DrawerMotion(),
                    children: [
                      SlidableAction(
                        onPressed: (BuildContext context) {},
                        borderRadius:
                            BorderRadius.all(Radius.circular(180)),
                        backgroundColor: const Color(0xFFFE4A49),
                        foregroundColor: Colors.white,
                        icon: Icons.delete,
                      ),
                      SlidableAction(
                        onPressed: (BuildContext context) {},
                        borderRadius: BorderRadius.circular(180),
                        backgroundColor: const Color(0xFFFE4A49),
                        foregroundColor: Colors.white,
                        icon: Icons.delete,
                      ),
                    ],
                  ),
                  child: ListTile(
                      title: Text("Text",
                          style: const TextStyle(fontSize: 18)),
                      subtitle: Text("Text2"),
                      onTap: () {
                      }));

Answer 1

试试我写的这段代码，它完全按照你想要的方式工作：

Scaffold(

  backgroundColor: Color(0xffF3F3F6),
  body: Center(
    child: Slidable(
      key: const ValueKey(0),
      startActionPane: ActionPane(
        motion: const ScrollMotion(),
        children: [
          Expanded(
              child: Container(
            color: Colors.transparent,
            child: RawMaterialButton(
              onPressed: () {},
              elevation: 2.0,
              fillColor: Colors.red,
              child: Icon(
                Icons.favorite,
              ),
              padding: EdgeInsets.all(12.0),
              shape: CircleBorder(),
            ),
          )),
          Expanded(
              child: Container(
                  color: Colors.transparent,
                  child: RawMaterialButton(
                    onPressed: () {},
                    elevation: 2.0,
                    fillColor: Colors.red,
                    child: Icon(
                      Icons.favorite,
                    ),
                    padding: EdgeInsets.all(12.0),
                    shape: CircleBorder(),
                  ))),
        ],
      ),
      child: const ListTile(
        title: Text('Slide me'),
        tileColor: Colors.white,
      ),
    ),
  ),
);

Answer 2

如果您可以分享制作滑块的部分代码，我可以提供帮助。