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 LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints){
      return  Column(
        children: [
          Container(
            decoration: BoxDecoration(
              color: Colors.white
            ),
      width: constraints.maxWidth,
      height: 34,
      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,
                border: OutlineInputBorder(borderSide: BorderSide.none),
      contentPadding: EdgeInsets.all(0),
                enabledBorder: OutlineInputBorder(
                    borderSide: BorderSide(color: Color(0x00FF0000)),
                    borderRadius: BorderRadius.all(Radius.circular(100))),
                hintText: '请输入关键字查询',
                hintStyle: TextStyle(
                  textBaseline: TextBaseline.alphabetic, //用于提示文字对齐
                ),

              ),

            ),
          ),
        ],
      );
    });

  }
}