Flutter 小技巧 - 调整 TextField 高度

调整 TextField 高度,使用 SizedBox 包裹,设置 SizedBox 高度为自定义高度;

调整 TextField 上下边距,达到居中效果,关键代码:

contentPadding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
SizedBox(
    height: 40,
    child: TextField(
    controller: _controller,
    style: const TextStyle(color: Colors.white),
    decoration: InputDecoration(
      contentPadding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
      labelText: 'xxxx',
      labelStyle: const TextStyle(color: Colors.white30,),
      filled: true, // 启用填充背景颜色
      fillColor: colorRGB(0x333333),
      border: OutlineInputBorder( // 添加边框
        borderRadius: BorderRadius.circular(8.0),
        borderSide: BorderSide.none, // 无边框
      ),
      floatingLabelBehavior: FloatingLabelBehavior.never, // 取消文本上移效果
    ),
 ),
),

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容