As stated in the title, the textFieldHintColor property of SearchBar does not work when it's inside the ActionBar (tested in ActionBar.titleView). If I move the SearchBar outside the ActionBar tag, it works.
Tested on iOS only. As seen in the screenshot, the text color is gray, but should be white:
<Page.actionBar>
<ActionBar title="{{ language.matches_title }}">
<ActionBar.titleView>
<AbsoluteLayout row="0" id="searchBar-container">
<SearchBar top="0" id="searchBar" hint="{{ language.searchMatches }}" textFieldHintColor="#ffffff" textFieldBackgroundColor="#48af7a" width="{{ searchBarWidth }}" />
<StackLayout top="0" class="border" width="{{ searchBarWidth }}" />
<StackLayout top="43" class="border" width="{{ searchBarWidth }}" />
</AbsoluteLayout>
</ActionBar.titleView>
</ActionBar>
</Page.actionBar>
Reactions are currently unavailable
As stated in the title, the textFieldHintColor property of SearchBar does not work when it's inside the ActionBar (tested in ActionBar.titleView). If I move the SearchBar outside the ActionBar tag, it works.
Tested on iOS only. As seen in the screenshot, the text color is gray, but should be white:
<Page.actionBar> <ActionBar title="{{ language.matches_title }}"> <ActionBar.titleView> <AbsoluteLayout row="0" id="searchBar-container"> <SearchBar top="0" id="searchBar" hint="{{ language.searchMatches }}" textFieldHintColor="#ffffff" textFieldBackgroundColor="#48af7a" width="{{ searchBarWidth }}" /> <StackLayout top="0" class="border" width="{{ searchBarWidth }}" /> <StackLayout top="43" class="border" width="{{ searchBarWidth }}" /> </AbsoluteLayout> </ActionBar.titleView> </ActionBar> </Page.actionBar>