107 lines
4.0 KiB
Dart
107 lines
4.0 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_typeahead/flutter_typeahead.dart';
|
|||
|
|
import 'package:sk_base_mobile/app_theme.dart';
|
|||
|
|
import 'package:sk_base_mobile/util/screen_adaper_util.dart';
|
|||
|
|
|
|||
|
|
class SkSearchSelect<T> extends StatelessWidget {
|
|||
|
|
final TextEditingController textController;
|
|||
|
|
final Function? suggestionsCallback;
|
|||
|
|
final void Function(T)? onSelected;
|
|||
|
|
final VoidCallback? onClear;
|
|||
|
|
final String? labelText;
|
|||
|
|
final String hintText;
|
|||
|
|
final EdgeInsetsGeometry? contentPadding;
|
|||
|
|
final bool isRequired;
|
|||
|
|
final Widget Function(BuildContext, T) itemBuilder;
|
|||
|
|
const SkSearchSelect(
|
|||
|
|
{super.key,
|
|||
|
|
required this.textController,
|
|||
|
|
required this.itemBuilder,
|
|||
|
|
required this.suggestionsCallback,
|
|||
|
|
this.hintText = '请选择',
|
|||
|
|
this.onSelected,
|
|||
|
|
this.labelText,
|
|||
|
|
this.onClear,
|
|||
|
|
this.contentPadding,
|
|||
|
|
this.isRequired = false});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return TypeAheadField(
|
|||
|
|
hideOnUnfocus: true,
|
|||
|
|
controller: textController,
|
|||
|
|
suggestionsCallback: (String keyword) {
|
|||
|
|
return suggestionsCallback != null
|
|||
|
|
? suggestionsCallback!(keyword)
|
|||
|
|
: [];
|
|||
|
|
},
|
|||
|
|
debounceDuration: const Duration(milliseconds: 500),
|
|||
|
|
itemSeparatorBuilder: (context, index) => const Divider(
|
|||
|
|
color: AppTheme.dividerColor,
|
|||
|
|
),
|
|||
|
|
builder: (context, _, focusNode) {
|
|||
|
|
return TextFormField(
|
|||
|
|
focusNode: focusNode,
|
|||
|
|
controller: _,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
contentPadding: contentPadding,
|
|||
|
|
focusedBorder: OutlineInputBorder(
|
|||
|
|
borderSide: const BorderSide(
|
|||
|
|
color: AppTheme.primaryColorLight, width: 2),
|
|||
|
|
borderRadius: BorderRadius.circular(ScreenAdaper.sp(15))),
|
|||
|
|
suffixIcon: _.text.isNotEmpty && focusNode.hasFocus
|
|||
|
|
? IconButton(
|
|||
|
|
icon: const Icon(Icons.clear),
|
|||
|
|
// 当点击这个按钮时，清除TextFormField的值
|
|||
|
|
onPressed: () {
|
|||
|
|
_.clear();
|
|||
|
|
if (onClear != null) {
|
|||
|
|
onClear!();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
)
|
|||
|
|
: null,
|
|||
|
|
floatingLabelBehavior: FloatingLabelBehavior.always,
|
|||
|
|
hintText: hintText,
|
|||
|
|
label: labelText != null
|
|||
|
|
? Row(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
if (isRequired)
|
|||
|
|
Text(
|
|||
|
|
"*",
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.red,
|
|||
|
|
fontSize: ScreenAdaper.height(30)),
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
labelText ?? '',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: ScreenAdaper.height(30)),
|
|||
|
|
),
|
|||
|
|
])
|
|||
|
|
: const SizedBox()));
|
|||
|
|
},
|
|||
|
|
emptyBuilder: (_) => Container(
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
width: ScreenAdaper.width(200),
|
|||
|
|
height: ScreenAdaper.height(50),
|
|||
|
|
child: Text(
|
|||
|
|
'未找到记录',
|
|||
|
|
style: TextStyle(fontSize: ScreenAdaper.height(20)),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
itemBuilder: (context, itemData) {
|
|||
|
|
return itemBuilder(context, itemData as T);
|
|||
|
|
},
|
|||
|
|
onSelected: (selectedItemData) {
|
|||
|
|
// 键盘关闭
|
|||
|
|
FocusScope.of(context).unfocus();
|
|||
|
|
if (onSelected != null) {
|
|||
|
|
onSelected!(selectedItemData as T);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|