使用的组件名字为 TestField 组件
- TestField 配置 占位文字 设置 decoration 属性 InputDecoration 中hintText
- 去掉输入到 输入框的间距 InputDecoration 中contentPadding == EdgeInsets.zero
- 去掉边框中的间距 InputDecoration 中 使用 isDense:true
- 设置输入框内文字的颜色 样式 TextField 中 style
- 文字居中 strutStyle
-
obscureText 设置输入框为密码类型
发现比较全的 属性解说
Flutter输入框TextField属性介绍及相关问题_flutter 密码输入框-CSDN博客
样式如下
完整代码如下
Container(decoration: BoxDecoration(border: Border.all(color: Colors.blue),),child: const TextField(decoration: InputDecoration(hintText: "请输入手机号码",border: InputBorder.none,contentPadding: EdgeInsets.zero,isDense: true,),style: TextStyle(fontSize: 13),strutStyle: StrutStyle(fontSize: 13,leading: 0,height: 1.1,// 1.1更居中forceStrutHeight: true, // 关键属性 强制改为文字高度),textAlign: TextAlign.center,),),