text_search_field 0.0.4

A dependency text search field widget for flutter which is going to help you with implementation of search filed with suggestions

example/lib/main.dart

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final _firstController = TextSearchFieldController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Container(
          alignment: Alignment.center,
          margin: const EdgeInsets.only(left: 10, right: 10),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              TextSearchField(
                controller: _firstController,
                filterItems: [
                  TextSearchFieldDataModel(key: "hey", value: "hello"),
                  TextSearchFieldDataModel(key: "hey", value: "bro"),
                  TextSearchFieldDataModel(key: "hey", value: "HELLO"),
                  TextSearchFieldDataModel(key: "hey", value: "how are"),
                  TextSearchFieldDataModel(key: "hey", value: "hello"),
                  TextSearchFieldDataModel(key: "hey", value: "bro"),
                  TextSearchFieldDataModel(key: "hey", value: "how are"),

                ],
                onSelected: (primarySelected, index, item) async {
                  print("primary item selected: $primarySelected");
                  print("selected item index: $index");
                  print("item key: ${item.key}, value: ${item.value}");
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}