How to set searchTextHintStyle

[Abdusamad98]

[Daniel-Ioannou]

@Abdusamad98 The search field is fully customizable in showCountryPicker by providing the inputDecoration and searchTextStyle properties inCountryListThemeData.

For example:

showCountryPicker(
  context: context,
  onSelect: (Country country) {
    print('Select country: ${country.displayName}');
  },
  countryListTheme: CountryListThemeData(
    // Customize the search field using inputDecoration and searchTextStyle.
    inputDecoration: InputDecoration(
      labelText: 'Search 1',
      hintText: 'Start typing to search',
      hintStyle: TextStyle(fontSize: 16, color: Colors.blueAccent),
      prefixIcon: const Icon(Icons.search),
      border: OutlineInputBorder(
        borderSide: BorderSide(
          color: const Color(0xFF8C98A8).withOpacity(0.2),
        ),
      ),
    ),
    // Optional: Customize the text style of the search input.
    searchTextStyle: TextStyle(
      fontSize: 18,
      color: Colors.black,
      fontWeight: FontWeight.bold,
    ),
  ),
);