Flutter TextField去边框、高度无法自适应包裹_flutter textfield 去掉边框-优快云博客

本文链接：https://blog.youkuaiyun.com/androidhyf/article/details/136715906

本文详细描述了如何在Flutter应用中创建一个具有自定义样式的TextField，用于地址信息的填写，包括文本对齐、键盘类型、装饰和输入控制等关键特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Row(
  children: [
     Text('地址信息填写',style: TextStyle(color: JadeColors.grey_3,fontSize: 28.sp,fontWeight: FontWeight.w600)),
     SizedBox(width: 60.w),
     Expanded(child: TextField(
     	textAlign: TextAlign.start,
        controller: state.stationNameController,
        style: TextStyle(fontSize: 28.sp, color: JadeColors.grey_2),
        keyboardType: TextInputType.text,
        textInputAction: TextInputAction.done,
        maxLines: 1,
        maxLength: 40,
        decoration: InputDecoration(
            filled: true,//必须设置为true，fillColor才有效
            fillColor: Colors.white,
            isCollapsed: true,//是否折叠，true:高度自适应包裹，false:有默认的最小高度
            isDense: true,//宽度较小的情况下，TextField输入过长的时候，内容显示不完整高度上被遮住一部分。（设置为true:使用较少的垂直形式空间）
            contentPadding: EdgeInsets.zero,//内容内边距
            hintText: '请填写名称',
            hintStyle: TextStyle(
            fontSize: 28.sp,
            color: JadeColors.grey),
                    //边框
       disabledBorder: OutlineInputBorder(
                borderSide: BorderSide.none,
          //    borderRadius: BorderRadius.circular(8.w)
               ),
       enabledBorder: OutlineInputBorder(borderSide: BorderSide.none),
       focusedBorder: OutlineInputBorder(borderSide: BorderSide.none),
       border: OutlineInputBorder(borderSide: BorderSide.none),
       counterText: ''//显示计数
       ),
       onChanged: (value) {},
       cursorColor: JadeColors.grey,
  )),
])