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

  @override
  State<SearchPage> createState() => _SearchPageState();
}

class _SearchPageState extends State<SearchPage> {
  final _searchController = SearchController();   // <-- create a dedicated search controller

  void _onTyped(String text) {
    // open search view when typing in search bar
    if (!_searchController.isOpen) {
      _searchController.openView();
    }
    // get typeahead recommendations
  }

  void _onSubmitted(String text) {
    // close search view after pressing enter or selecting a recommendation.
    // (in search bar as well as in search view)
    if (_searchController.isOpen) {
      _searchController.closeView(text);
    }
    // execute search
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Padding(
            padding: const EdgeInsets.all(4.0),
            child: SearchAnchor(
              searchController: _searchController,  // <-- use dedicated search controller
              viewOnChanged: _onTyped, // <- user is typing in search view
              viewOnSubmitted: _onSubmitted, // user pressed enter in search view
              builder: (context, controller) {
                return SearchBar(
                  controller: controller, // <-- this is the same controller but passed by the builder
                  onTap: controller.openView,
                  onChanged: _onTyped, // <-- user is typing in search bar (not search view)
                  onSubmitted: _onSubmitted, // <-- user pressed enter in search bar (not search view)
                  padding: const MaterialStatePropertyAll<EdgeInsets>(
                      EdgeInsets.symmetric(horizontal: 16.0)),
                  leading: const Icon(Icons.search),
                );
              },
              suggestionsBuilder: (context, controller) {
                return [
                  ListTile(
                    title: const Text("Item1"),
                    onTap: () => _onSubmitted("item1"), // <-- user selected a suggestion
                  )
                ];
              },
            ),
          ),