showModalBottomSheet的状态

// 返回一个controller
  Future<int> _showBottomSheet(BuildContext context){
      return showModalBottomSheet<int>(
        // 1.设置圆角
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.only(topLeft: Radius.circular(ScreenUtil().setWidth(10)),
                                         topRight: Radius.circular(ScreenUtil().setWidth(10)))
        ),
        context: context,
            // 2.设置可以全屏
      //  isScrollControlled: true,
        builder: (BuildContext context){
            // 3.设置状态可以交互
            return StatefulBuilder(
                builder: (BuildContext context, StateSetter setState){
                  return Container(
                    child: Stack(
                      children: [
                        Column(
                          children: [
                            Container(
                              child: Text("购物篮"),
                            ),
                            Container(
                              child: Text("列表页面"),
                            )
                          ],
                        ),
                        Positioned(
                          left: 0,
                          bottom: 0,
                          right: 0,
                          child: Container(
                            child: Text("aaaaaaa"),
                          ))
                      ],
                    ),
                  );
                }
            );
        });
  }

关于showBottomSheet的用法

showBottomSheet(
                                  context: context,
                                  builder: (context) {
                                    return Container(
                                      decoration: BoxDecoration(
                                        color: Colors.lightBlue,
                                        borderRadius: BorderRadius.only(topLeft: Radius.circular(ScreenUtil().setWidth(10)),
                                                                        topRight: Radius.circular(ScreenUtil().setWidth(10)))
                                      ),
                                        height: ScreenUtil().setHeight(600),
                                    );
                                  });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容