82 lines
3.0 KiB
Dart
82 lines
3.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 SearchSelectComponent extends StatelessWidget {
|
||
final TextEditingController textController;
|
||
final Function? suggestionsCallback;
|
||
final Function? onSelected;
|
||
final String labelText;
|
||
final bool isRequired;
|
||
final Widget Function<T>(T itemData)? itemTextBuilder;
|
||
const SearchSelectComponent(
|
||
{super.key,
|
||
required this.textController,
|
||
required this.labelText,
|
||
required this.itemTextBuilder,
|
||
this.suggestionsCallback,
|
||
this.onSelected,
|
||
this.isRequired = false});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return TypeAheadField(
|
||
hideOnUnfocus: false,
|
||
controller: textController,
|
||
suggestionsCallback: (String keyword) {
|
||
return suggestionsCallback != null
|
||
? suggestionsCallback!(keyword)
|
||
: [];
|
||
},
|
||
builder: (context, _, focusNode) {
|
||
return TextFormField(
|
||
focusNode: focusNode,
|
||
controller: _,
|
||
decoration: InputDecoration(
|
||
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(),
|
||
)
|
||
: const SizedBox(),
|
||
floatingLabelBehavior: FloatingLabelBehavior.always,
|
||
label: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (isRequired)
|
||
const Text(
|
||
"*",
|
||
style: TextStyle(color: Colors.red),
|
||
),
|
||
Text(
|
||
labelText,
|
||
),
|
||
])));
|
||
},
|
||
emptyBuilder: (_) => Container(
|
||
alignment: Alignment.center,
|
||
width: ScreenAdaper.width(200),
|
||
height: ScreenAdaper.height(50),
|
||
child: Text(
|
||
'未找到记录',
|
||
style: TextStyle(fontSize: ScreenAdaper.sp(20)),
|
||
),
|
||
),
|
||
itemBuilder: (context, itemData) {
|
||
return ListTile(
|
||
title: itemTextBuilder!(itemData),
|
||
);
|
||
},
|
||
onSelected: (selectedItemData) {
|
||
onSelected ?? onSelected!(selectedItemData);
|
||
});
|
||
}
|
||
}
|