Xamarin.Forms SearchBar inside TitleView takes full width

Question

I am trying to add a SearchBar to the TitleView so that the SearchBar takes the full width of the TitleBar without hardcoding the width property (WidthRequest). But the SearchBar is displayed with the minimum required width and does not take the full width. Does anyone know how it can be achieved?

The code I am using:

var searchBar = new SearchBar
{
    Placeholder = "Search",
    HorizontalOptions = LayoutOptions.FillAndExpand
};
NavigationPage.SetTitleView(this, searchBar);

Answer 1

Try to wrap the SearchBar within a StackLayout, just like this

 <NavigationPage.TitleView>
            <StackLayout Orientation="Horizontal" VerticalOptions="FillAndExpand"
HorizontalOptions="FillAndExpand">
                  <SearchBar HorizontalOptions="FillAndExpand"/>
            </StackLayout>
        </NavigationPage.TitleView>