Search UI In Flutter :
This flutter tutorial is on Search Ui in flutter.
- for design a search UI in your flutter app this tutorial provides you proper guidance.
- for design the layout you need text field to take the input from the user
Screenshot :

Program :
import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Tutorial'), ), body: Container( margin: EdgeInsets.only(top: 10), padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 20), decoration: BoxDecoration( color: Colors.black38.withAlpha(10), borderRadius: BorderRadius.all( Radius.circular(20), ), ), child: Row( children: <Widget>[ Expanded( child: TextField( decoration: InputDecoration( hintText: "Search Flutter Topic", hintStyle: TextStyle( color: Colors.black.withAlpha(120), ), border: InputBorder.none, ), onChanged: (String keyword) {}, ), ), Icon( Icons.search, color: Colors.black.withAlpha(120), ) ], ), ), ); } }