Search UI In Flutter

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 {
  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(
        child: Row(
          children: <Widget>[
              child: TextField(
                decoration: InputDecoration(
                  hintText: "Search Flutter Topic",
                  hintStyle: TextStyle(
                  border: InputBorder.none,
                onChanged: (String keyword) {},