import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class Search extends StatefulWidget {
  const Search({Key? key}) : super(key: key);

  @override
  State<Search> createState() => _SearchState();
}

class _SearchState extends State<Search> {

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          height: 46,
          alignment: Alignment.center,
          child:  TextField(
            onChanged: (value) {
              print('打一个字我搜索一下$value');
            },
            onEditingComplete: () {
              FocusScope.of(context).requestFocus(FocusNode());
              print('点击键盘搜索');
            },
            style: const TextStyle(fontSize: 15, color: Colors.black, textBaseline: TextBaseline.alphabetic),
            decoration: const InputDecoration(
              isDense: true,
              prefixIcon: Padding(
                padding: EdgeInsets.only(left: 0),
                child:  Icon(Icons.search,),
              ),
              fillColor: Color(0x30cccccc),
              filled: true,
              enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Color(0x00FF0000)),
                  borderRadius: BorderRadius.all(Radius.circular(100))),
              hintText: '请输入关键字查询',
              hintStyle: TextStyle(
                  textBaseline: TextBaseline.alphabetic, //用于提示文字对齐
            ),
              focusedBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Color(0x00000000)),
                  borderRadius: BorderRadius.all(Radius.circular(100))),
            ),

          ),
        ),
      ],
    );


  }
}