gpt4 book ai didi

dart - 如何设置 TextField 宽度?

转载 作者:IT王子 更新时间:2023-10-29 07:11:44 25 4
gpt4 key购买 nike

我将我的 TextField 嵌套在宽度为 10.0 的 Container 中,但文本字段仍然占据了设备的整个宽度。

Widget _reviewBody() {
return SliverToBoxAdapter(
child: Container(
width: 10.0,
padding: EdgeInsets.only(bottom: 30.0),
child: TextField(
onChanged: (text) {
setState(() {
reviewBody = text;
});
},
keyboardType: TextInputType.multiline,
maxLines: null,
decoration: InputDecoration(
hintText: 'Add your thoughts here',
hintStyle: TextStyle(color: Burnt.hintTextColor),
enabledBorder: UnderlineInputBorder(borderSide: BorderSide(color: Burnt.lightGrey)),
focusedBorder: UnderlineInputBorder(borderSide: BorderSide(color: Burnt.primaryLight, width: 1.0)),
),
textAlign: TextAlign.center,
),
),
);
}

如何设置 TextField 宽度?

编辑:事实证明 SliverToBoxAdapter 很神奇,所以我使用媒体查询在我的容器上设置了填充。也许我不应该使用 SliverToBoxAdatper,如果有人能解释正确的做法,那将非常感谢。

Edit2:实际上我想出了一个更好的主意,我只是将我的 Container 放在一个 Row 中,并使 Row 居中成为我的 100.0 宽 Container

最佳答案

我试过这样的东西

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

关于dart - 如何设置 TextField 宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55950596/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com