首页 > 解决方案 > Flutter Grid 模态底板

问题描述

我想制作一个模态,但我找到的所有示例都应该像这段代码一样水平垂直排序

              showModalBottomSheet(
                  context: context,
                  backgroundColor: Colors.white,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(15.0),
                        topRight: Radius.circular(15.0)),
                  ),
                  builder: (context) {
                    return Column(
                      mainAxisAlignment: MainAxisAlignment.end,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        ListTile(
                          leading: Icon(Icons.email),
                          title: Text('Send email'),
                          onTap: () {
                            print('Send email');
                          },
                        ),
                        ListTile(
                          leading: Icon(Icons.phone),
                          title: Text('Call phone'),
                          onTap: () {
                            print('Call phone');
                          },
                        ),
                        ListTile(
                          leading: Icon(Icons.email),
                          title: Text('Send email'),
                          onTap: () {
                            print('Send email');
                          },
                        )
                      ],
                    );
                  });
            },
          ),
        );
      },
    ),

在这段代码中,它垂直列出,我希望它水平排序,如照片所示。

在此处输入图像描述

标签: flutterflutter-layoutflutter-design

解决方案


推荐阅读