Question

我将TextField嵌套在一个宽度为10.0的容器中，但该文本字段仍占据了设备的整个宽度。

sendDataToServer({ commit, getters }, payload)

如何设置TextField的宽度？

编辑：原来SliverToBoxAdapter确实具有魔力，所以我使用媒体查询在容器上设置了填充。也许我不应该使用SliverToBoxAdatper，如果有人可以解释正确的做法，那将非常感谢。

Edit2：实际上，我想到了一个更好的主意，我只是将我的Container放在行中，并将行中心设为100.0宽的Container

Answer 1

我尝试过这样的事情

Container(
        margin: EdgeInsets.only(top: 30, left: 30, right: 30),
        width: MediaQuery.of(context).size.width,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.end,
          children: <Widget>[
            TextField(
                decoration: InputDecoration(
                    hintText: "Inserisci la tua email",
                    hintStyle: TextStyle(fontSize: 20),
                    labelText: "Email",
                    labelStyle: TextStyle(
                        color: Utils.blackColor, fontSize: 20),
                    border: UnderlineInputBorder(
                        borderSide: BorderSide(color: Utils.greyColor)),
                    focusedBorder: UnderlineInputBorder(
                        borderSide: BorderSide(
                            color: Colors.grey,
                            style: BorderStyle.solid))),
                controller: nameController,
                style: TextStyle(fontSize: 23)),
            Padding(padding: EdgeInsets.only(top: 20)),
          ],
        ),
      ),

Answer 2

pu文本字段和列中的容器作为子项，然后使用灵活的小部件包装子项，为它们提供flex属性

如何设置TextField的宽度？

2 个答案: