如何改变身高OutlineInputBorder的大小？
如何改变身高OutlineInputBorder的大小？
提问于 2022-04-25 04:23:51
我有错误边框的问题，如何改变高度的大小来表示错误的边框？下面是图片和代码，谢谢。
Container(
alignment: Alignment.centerLeft,
decoration: kBoxDecorationStyle,
height: 60,
child: TextFormField(
controller: controller,
obscureText: obscure,
// keyboardType: TextInputType.emailAddress,
style: TextStyle(color: Colors.white, fontFamily: 'OpenSans'),
decoration: InputDecoration(
errorBorder: OutlineInputBorder(
borderSide: const BorderSide(
color: kErrorColor,
),
borderRadius: const BorderRadius.all(
const Radius.circular(30.0),
),
),
focusedErrorBorder: const OutlineInputBorder(
borderSide: const BorderSide(color: kErrorColor),
borderRadius: const BorderRadius.all(
const Radius.circular(30.0),
),
),
border: InputBorder.none,
contentPadding: EdgeInsets.only(top: 14.0),
prefixIcon: icon,
hintText: hintText,
hintStyle: kHintTextStyle),
validator: validatior,
),
),回答 2
Stack Overflow用户
发布于 2022-04-25 04:34:23
在您的代码中尝试这一点，您可以增加宽度。
decoration: new InputDecoration(
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.greenAccent, width: 5.0),
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.red, width: 5.0),
),
hintText: 'Mobile Number',
),Stack Overflow用户
发布于 2022-04-25 06:16:11
之所以会发生这种情况，是因为您用更高的容器(高度: 60)包装了Textfield。你认为更高的容器是你的Textfield，但它不是。若要使Textfield更高，请在contentPadding中使用InputDecoration
// you can change those numbers as you like
decoration: InputDecoration(
contentPadding: const EdgeInsets.symmetric(vertical: 25.0, horizontal: 0.0),
),页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71994490
复制相关文章
相似问题
腾讯云开发者
