как добавить PopupMenuButton внутри карты - PullRequest
0 голосов
/ 12 апреля 2020

У меня есть эта карта внутри этой карты, мне нужно добавить popupmenubutton. поэтому я попытался добавить, но проблема в том, что он находится на крайней левой стороне, которую я хотел.

Обновлено: я пытался это добавить popupmenubutton, но это на крайней левой стороне, которую я хотел.

enter image description here

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"),
              ),
            ),
          ],
        ),
      ),
    );

спасибо

1 Ответ

1 голос
/ 12 апреля 2020

изменить эту часть вашего кода

            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");
                          },
                        ),
                      ),
                    ),

с этим

           ...
            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");
                        },
                      ),
                    ),
                  ),
                 ...

Другими словами, оберните ваш текст расширенным и избавьтесь от расширенного из всплывающего меню

Результат

enter image description here

Это то, что вы спрашивали?

...