如何创建带有图标的向上滑动面板？

Question

如何创建像这样的底部向上滑动面板？

[我添加了使面板插件向上滑动的插件。这是以下代码

collapsed:Container(
            decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: radius
            ),
            child: Padding(
                padding: EdgeInsets.only(left: 5,right: 5),
                child:Container(
                  height: 90,
                  child: Column(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: <Widget>[
                        Container(//first container 
                          height: 20,
                          width: 60,
                          child: Padding(
                            padding: EdgeInsets.only(bottom: 5,top: 5),
                            child:RaisedButton(
                                color: Colors.white,
                                onPressed: (){},
                                shape: RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0))
                            ) ,
                          ),
                        ),
                        Container(//second container
                          height: 60,
                          child: ListTile(
                            onTap: (){},
                            title: Text('Cart: ',style: TextStyle(color: Colors.black),),
                            trailing: Text("Total( "+" :sum)"),
                          ),
                        )
                      ]
                  ),
                )
            )
        ),

结果为

那么如何像第一个图像一样移动第一个容器？

Answer 1

使用库slide_up_panel：

https://pub.dev/packages/sliding_up_panel