You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aku_new_community/lib/widget/others/bee_search_text_field.dart

168 lines
4.0 KiB

3 years ago
import 'package:flutter/material.dart';
3 years ago
3 years ago
import 'package:flutter_screenutil/flutter_screenutil.dart';
3 years ago
import 'package:aku_new_community/base/base_style.dart';
3 years ago
///TextFiled
class BeeSearchTextField extends StatefulWidget implements PreferredSizeWidget {
BeeSearchTextField({
Key? key,
this.controller,
this.hintText,
this.onChanged,
this.focusNode,
this.onSubmitted,
this.margin,
this.onPressed,
this.height,
}) : button = false,
super(key: key);
///
BeeSearchTextField.button({
Key? key,
this.controller,
this.hintText,
this.onChanged,
this.focusNode,
this.onSubmitted,
this.margin,
this.onPressed,
this.height,
}) : button = true,
super(key: key);
///渲染成按钮
final bool button;
///控制器
final TextEditingController? controller;
///hint Text
final String? hintText;
///文字变化回调
final ValueChanged<String>? onChanged;
///完成输入回调
final ValueChanged<String>? onSubmitted;
///焦点
final FocusNode? focusNode;
///margin
final EdgeInsets? margin;
final VoidCallback? onPressed;
///高度
final double? height;
@override
_BeeSearchTextFieldState createState() => _BeeSearchTextFieldState();
@override
Size get preferredSize => Size.fromHeight(this.height ?? 42.w);
}
class _BeeSearchTextFieldState extends State<BeeSearchTextField> {
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: 26.w, right: 16.w),
child: Icon(
Icons.search,
size: 32.w,
color: Colors.black,
),
),
Expanded(
child: Text(
widget.hintText ?? '',
style: TextStyle(
color: ktextSubColor,
fontSize: 28.sp,
),
),
),
],
),
onPressed: widget.onPressed,
),
);
}
@override
Widget build(BuildContext context) {
if (widget.button) return _buildButton();
return Container(
height: 72.w,
padding: widget.margin ??
EdgeInsets.symmetric(
horizontal: 30.w,
vertical: 6.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: 28.sp,
),
border: _border,
enabledBorder: _border,
focusedBorder: _border,
focusedErrorBorder: _border,
prefixIcon: Padding(
padding: EdgeInsets.only(left: 26.w, right: 16.w),
child: Icon(
Icons.search,
size: 32.w,
color: Colors.black,
),
),
prefixIconConstraints: BoxConstraints(minWidth: 0, minHeight: 0),
contentPadding: EdgeInsets.zero,
),
),
);
}
}