Flutter 中自定义TextField

最新推荐文章于 2023-09-18 11:43:10 发布

BianHuanShiZhe

最新推荐文章于 2023-09-18 11:43:10 发布

阅读量287

点赞数

文章标签： flutter 前端

本文链接：https://blog.csdn.net/bianhuanshizhe/article/details/131985747

版权

TextField(
              textInputAction: TextInputAction.done,
              maxLines: 1,
              // controller: textController,
              cursorColor: Color(0xFFFF6900),
              decoration: InputDecoration(
                filled: true,
                fillColor: Color(0xFFF5F7F9),
                contentPadding: EdgeInsets.only(top: 8.h, left: 20.w),
                prefixIcon: Container(
                  margin: EdgeInsets.only(left: 10.w, right: 5.w),
                  child: Image.asset(
                    ImageRes.ic_searchGrey,
                    width: 20.h,
                    height: 20.w,
                    fit: BoxFit.contain,
                  ),
                ),
                prefixIconConstraints: BoxConstraints(
                  minWidth: 20.w,
                  minHeight: 20.w,
                ),
                hintText: StrRes.searchHitText,
                hintStyle: PageStyle.ts_B2B2B2_12sp_w500,

                enabledBorder: OutlineInputBorder(
                    borderSide:
                        BorderSide(color: Color(0xFFF5F7F9), width: 1),
                    borderRadius: BorderRadius.all(Radius.circular(15.r)),
                ),
                focusedBorder: OutlineInputBorder(
                    borderSide: BorderSide(color: Color(0xFFF5F7F9), width: 1),
                    borderRadius: BorderRadius.all(Radius.circular(15.r)),
                ),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.all(Radius.circular(15.r)),
                  borderSide: BorderSide(
                    color: Color(0xFFF5F7F9),
                  ),
                ),
              ),
              onChanged: (text) {
                print('First text field: $text');
              },
            ),