Как сделать трепетать Flipkart как вид поиска на главной странице?

Question

Как сделать Flutter Flipkart-подобным поиском на главной странице?
Есть ли для этого Widget?
Я ищу поле ввода с Icon справа и список предложений поиска, в котором есть элементы, которые можно выбрать.

Есть ли какой-либо виджет, подобный этой строке поиска, в Flutter?

Answer 1

Это можно сделать с помощью TextField .Посмотрите на следующий код:

Widget searchField() {
    return TextField(
      autofocus: true,
      decoration: InputDecoration(
          hintText: "search",
          prefixIcon: Icon(Icons.search),
          suffixIcon: IconButton(
            icon: Icon(Icons.close),
            onPressed: (){
              print("cancel");
            },
          ),
          fillColor: Colors.white,
          filled: true),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        bottom: PreferredSize(
          child: Container(
            width: 300.0,
            child: searchField(),
          ),
          preferredSize: Size.square(50.0),
        ),
        title: Text("example"),
        actions: <Widget>[
          Switch(
            value: widget.stateofSwitch,
            onChanged: (value) {
              setState(() {
                darkThemeEnabled = value;
              });
            },
          )
        ],
      ),
      body: 
      ),

    );
  }

Это приведет к