Textfield flutter using Cupertino theme

Question

I need to do a search bar next to this field "Contacts":

child: CustomScrollView(
          //semanticChildCount: totalRows,
          slivers: <Widget>[
            CupertinoSliverNavigationBar(
              largeTitle: Text("Contatos"),

              //trailing: trailingButtons,
            ),

Basically a TextField with a magnifying glass icon.

I’ve been reading on Flutter’s official website how I could do this but I didn’t understand it very well.

How could I make a search bar like the one I mentioned above?

Note: I’m new to Flutter.

Answer 1

There is the property "prefixIcon", below the demonstration of its use:

TextField(
    decoration: InputDecoration(
        prefixIcon: Icon(Icons.search)
    ),
)

This is the documentation link for this property: https://api.flutter.dev/flutter/material/InputDecoration/prefixIcon.html