How can I change the colors of the icon and underline of the SearchBar using AppThemColor?

Question

Currently, I'm using these AppThemeColors.

<AppThemeColor x:Key="PrimaryColor"
               Light="Teal"
               Dark="Indigo"/>

<AppThemeColor x:Key="SecondaryColor"
               Light="White"
               Dark="Black"/>

How can I change the color of the SearchBar icon and underline using these AppThemeColors?

Answer 1

There is an issue on iOS 13 onwards in the search bar for iOS. According to the issue filed in Xamarin's GitHub, you can use a PlatformEffect to implement that:

public class SearchBarBackgroundEffect : PlatformEffect
{
    public SearchBarBackgroundEffect()
    {
    }

    private UIKit.UISearchBar NativeSearchBar => (UIKit.UISearchBar)Control;
    private SearchBar XamarinSearchBar => (SearchBar)Element;

    protected override void OnAttached()
    {
        if (UIKit.UIDevice.CurrentDevice.CheckSystemVersion(13, 0))
            NativeSearchBar.SearchTextField.BackgroundColor = XamarinSearchBar.BackgroundColor.ToUIColor();
    }
    protected override void OnDetached()
    {

    }
}