首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何添加PopupMenuButton inside卡

如何添加PopupMenuButton inside卡
EN

Stack Overflow用户
提问于 2020-04-13 00:57:42
回答 1查看 329关注 0票数 0

我把这张卡放在这张卡里,我需要添加popupmenubutton。所以我试着添加,但问题是它在我想要的最左边。

更新:我试着添加了popupmenubutton,但它在我想要的最左边。

代码语言:javascript
复制
Card(
      elevation: 4,
      child: Padding(
        padding: EdgeInsets.only(left: 10.0, top: 10),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            new Row(
              children: <Widget>[
                Container(
                  width: 45,
                  height: 45,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image: NetworkImage("Image here"),
                      fit: BoxFit.cover,
                    ),
                    borderRadius: BorderRadius.all(
                        Radius.circular(50.5)),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.only(left: 15),
                  child: Text("Name here"),
                ),
                Expanded(
                  child: PopupMenuButton(
                    padding: EdgeInsets.only(left: 100),
                    elevation:3.2,
                    itemBuilder: (BuildContext context) {
                      return [
                        PopupMenuItem(
                          child: Container(
                            child: InkWell(
                              child: Text("Delete"),
                              onTap:()  {
                                print("deleted");
                              },
                            ),
                          ),
                        ),
                      ];
                    },
                  ),
                ),
              ],
            ),
            Padding(
              padding:
              EdgeInsets.only(left: 60, bottom: 10),
              child: Text("Date"),
            ),
            Flexible(
              child: Padding(
                padding:
                EdgeInsets.only(left: 75, right: 15),
                child: Text("Description"),
              ),
            ),
          ],
        ),
      ),
    );

谢谢

EN

回答 1

Stack Overflow用户

发布于 2020-04-13 01:37:30

更改代码的这一部分

代码语言:javascript
复制
            Padding(
              padding: EdgeInsets.only(left: 15),
              child: Text("Name here"),
            ),
            Expanded(
              child: PopupMenuButton(
                padding: EdgeInsets.only(left: 100),
                elevation:3.2,
                itemBuilder: (BuildContext context) {
                  return [
                    PopupMenuItem(
                      child: Container(
                        child: InkWell(
                          child: Text("Delete"),
                          onTap:()  {
                            print("deleted");
                          },
                        ),
                      ),
                    ),

使用这一条

代码语言:javascript
复制
           ...
            Expanded(
              child: Padding(
                padding: EdgeInsets.only(left: 15),
                child: Text("Name here"),
              ),
            ),
            PopupMenuButton(
              padding: EdgeInsets.only(left: 100),
              elevation: 3.2,
              itemBuilder: (BuildContext context) {
                return [
                  PopupMenuItem(
                    child: Container(
                      child: InkWell(
                        child: Text("Delete"),
                        onTap: () {
                          print("deleted");
                        },
                      ),
                    ),
                  ),
                 ...

换言之,在弹出菜单中使用扩展和取消扩展来换行文本

结果

这是你要问的吗?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61175046

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档