Search.dart 1.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. import 'package:flutter/material.dart';
  2. import 'package:flutter_screenutil/flutter_screenutil.dart';
  3. class Search extends StatefulWidget {
  4. const Search({Key? key}) : super(key: key);
  5. @override
  6. State<Search> createState() => _SearchState();
  7. }
  8. class _SearchState extends State<Search> {
  9. @override
  10. Widget build(BuildContext context) {
  11. return Column(
  12. children: [
  13. Container(
  14. height: 46,
  15. alignment: Alignment.center,
  16. child: TextField(
  17. onChanged: (value) {
  18. print('打一个字我搜索一下$value');
  19. },
  20. onEditingComplete: () {
  21. FocusScope.of(context).requestFocus(FocusNode());
  22. print('点击键盘搜索');
  23. },
  24. style: const TextStyle(fontSize: 15, color: Colors.black, textBaseline: TextBaseline.alphabetic),
  25. decoration: const InputDecoration(
  26. isDense: true,
  27. prefixIcon: Padding(
  28. padding: EdgeInsets.only(left: 0),
  29. child: Icon(Icons.search,),
  30. ),
  31. fillColor: Color(0x30cccccc),
  32. filled: true,
  33. enabledBorder: OutlineInputBorder(
  34. borderSide: BorderSide(color: Color(0x00FF0000)),
  35. borderRadius: BorderRadius.all(Radius.circular(100))),
  36. hintText: '请输入关键字查询',
  37. hintStyle: TextStyle(
  38. textBaseline: TextBaseline.alphabetic, //用于提示文字对齐
  39. ),
  40. focusedBorder: OutlineInputBorder(
  41. borderSide: BorderSide(color: Color(0x00000000)),
  42. borderRadius: BorderRadius.all(Radius.circular(100))),
  43. ),
  44. ),
  45. ),
  46. ],
  47. );
  48. }
  49. }