import 'package:ansu_ui/styles/as_colors.dart'; import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; ///TextFiled class ASSearchTextField extends StatefulWidget implements PreferredSizeWidget { ASSearchTextField({ Key key, this.controller, this.hintText, this.onChanged, this.focusNode, this.onSubmitted, this.margin, this.onPressed, }) : button = false, super(key: key); /// ASSearchTextField.button({ Key key, this.controller, this.hintText, this.onChanged, this.focusNode, this.onSubmitted, this.margin, this.onPressed, }) : button = true, super(key: key); ///渲染成按钮 final bool button; ///控制器 final TextEditingController controller; ///hint Text final String hintText; ///文字变化回调 final ValueChanged onChanged; ///完成输入回调 final ValueChanged onSubmitted; ///焦点 final FocusNode focusNode; ///margin final EdgeInsets margin; final VoidCallback onPressed; @override _ASSearchTextFieldState createState() => _ASSearchTextFieldState(); @override Size get preferredSize => Size.fromHeight(42); } class _ASSearchTextFieldState extends State { get _border => OutlineInputBorder( borderRadius: BorderRadius.circular(21.w), borderSide: BorderSide( color: Color(0xFF979797), width: 1.w, ), ); _buildButton() { return Padding( padding: widget.margin ?? EdgeInsets.symmetric( horizontal: 15.w, vertical: 3.w, ), child: MaterialButton( padding: EdgeInsets.zero, color: Color(0xFFF8F8F8), elevation: 0, materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(21.w), side: BorderSide( color: Color(0xFF979797), width: 1.w, ), ), child: Row( children: [ Padding( padding: EdgeInsets.only(left: 13.w, right: 8.w), child: Icon( Icons.search, size: 16.w, color: Colors.black, ), ), Expanded( child: Text( widget.hintText ?? '', style: TextStyle( color: kTextSubColor, fontSize: 14.sp, ), ), ), ], ), onPressed: widget.onPressed, ), ); } @override Widget build(BuildContext context) { if (widget.button) return _buildButton(); return Container( height: 42.w, padding: widget.margin ?? EdgeInsets.symmetric( horizontal: 15.w, vertical: 3.w, ), child: TextField( controller: widget.controller, onChanged: widget.onChanged, onSubmitted: widget.onSubmitted, onTap: widget.onPressed, focusNode: widget.focusNode, cursorColor: kPrimaryColor, textInputAction: TextInputAction.search, decoration: InputDecoration( fillColor: Color(0xFFF8F8F8), filled: true, hintText: widget.hintText, hintStyle: TextStyle( color: kTextSubColor, fontSize: 14.sp, ), border: _border, enabledBorder: _border, focusedBorder: _border, focusedErrorBorder: _border, prefixIcon: Padding( padding: EdgeInsets.only(left: 13.w, right: 8.w), child: Icon( Icons.search, size: 16.w, color: Colors.black, ), ), prefixIconConstraints: BoxConstraints(minWidth: 0, minHeight: 0), contentPadding: EdgeInsets.zero, ), ), ); } }