Flutter: TextField remove default padding

683 阅读1分钟

TextField Styles:

场景: prefix 和 content不对齐

截屏2021-11-12 下午3.08.06.png

解决办法: decoration: isDense: true
删除了文字部分上下默认的padding

截屏2021-11-12 下午3.15.33.png

TextField(
      controller: TextEditingController(),
      keyboardType: TextInputType.text,
      maxLines: 1,
      decoration: InputDecoration(
        isDense: true,
        fillColor: Colors.red,
        prefixIcon: Icon(),
        border: InputBorder.none,
        hintText: 'hint text',
        // contentPadding: EdgeInsets.only(),
        // prefixIconConstraints: BoxConstraints(
        //   minWidth: 40.w,
        //   minHeight: 30.w,
        // ),
      )
);

contentPadding 属性可以给文字部分加padding prefixIconConstraints可以限制前缀的大小