xamarin/Xamarin.Forms

[iOS] SearchBar width is not currently consistent with other platforms or across ios versions

Aperta

#3741 aperta il 6 set 2018

 (1 commento) (0 reazioni) (0 assegnatari)C# (1926 fork)batch import
a/layoute/4 :clock4:help wantedinactivep/iOS 🍎t/bug :bug:up-for-grabs

Metriche repository

Star
 (5644 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Case 1

<Grid>
			<Grid.RowDefinitions>
				<RowDefinition></RowDefinition>
				<RowDefinition></RowDefinition>
				<RowDefinition></RowDefinition>
			</Grid.RowDefinitions>
			<StackLayout Orientation="Horizontal" BackgroundColor="Yellow">
				<SearchBar Text="CenterSearchBar" HorizontalOptions="Center"></SearchBar>
			</StackLayout>
			<StackLayout Grid.Row="1"  Orientation="Horizontal" BackgroundColor="Yellow">
				<Entry Text="CenterEntry" HorizontalOptions="Center" BackgroundColor="Green"></Entry>
			</StackLayout>
			<StackLayout Grid.Row="2"  Orientation="Horizontal" BackgroundColor="Yellow">
				<Label Text="CenterLabel" HorizontalOptions="Center" BackgroundColor="Green"></Label>
			</StackLayout>
		</Grid>

Android

image

iOS 11

image

Case 2

<StackLayout Orientation="Vertical" BackgroundColor="Pink">
				<StackLayout Orientation="Horizontal" BackgroundColor="Yellow">
					<SearchBar Text="Center" HorizontalOptions="Center"></SearchBar>
				</StackLayout>
				<StackLayout Orientation="Horizontal">
					<SearchBar Text="CenterAndExpand" HorizontalOptions="CenterAndExpand"></SearchBar>
				</StackLayout>
				<StackLayout Orientation="Horizontal">
					<SearchBar Text="Nothing"></SearchBar>
				</StackLayout>
				<StackLayout Orientation="Horizontal">
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
					<SearchBar></SearchBar>
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
					<Label Text="hello stuffed marshmellow"></Label>
				</StackLayout>
			</StackLayout>

Android

image

ios11

image

ios10

image

Steps to Reproduce

Run attached Repro

it has two pages that have the XAML above

Expected Behavior

All platforms (ios versions) should look the same

Actual Behavior

All platforms (ios versions) do not look the same

Basic Information

  • Version with issue: 3.2 pre3
  • Last known good version:
  • IDE:
  • Platform Target Frameworks:
    • iOS: 11.4 and 10.3
    • Android: 8.0

Reproduction Link

Dogfood32.zip

Guida contributor