Fix template display issues with vertical stack layout

- Fix display of image - Fix number cut off for >=10
melissahoughton · Jun 24, 2021 · 969e1b9 · 969e1b9 · TerryTyson · Jul 29, 2021
1 parent b246dda
commit 969e1b9
Showing 1 changed file with 26 additions and 32 deletions.
diff --git a/GettingStartedMaui/GettingStartedMaui/MainPage.xaml b/GettingStartedMaui/GettingStartedMaui/MainPage.xaml
@@ -4,42 +4,36 @@
              BackgroundColor="{DynamicResource PageBackgroundColor}">
 
     <ScrollView Padding="{OnPlatform iOS='30,60,30,30', Default='30'}">
-        <StackLayout>
-            <Grid RowSpacing="25" RowDefinitions="Auto,Auto,Auto,Auto,*">
-
-                <Label Text="Hello, World!"
-                    Grid.Row="0"
-                    SemanticProperties.HeadingLevel="Level1"
-                    FontSize="32"
-                    HorizontalOptions="CenterAndExpand" />
+        <VerticalStackLayout Spacing="20">
 
-                <Label Text="Welcome to .NET Multi-platform App UI"
-                    Grid.Row="1"
-                    SemanticProperties.Hint="Counts the number of times you click" 
-                    FontSize="16"
-                    HorizontalOptions="CenterAndExpand" />
+            <Label Text="Hello, World!"
+                SemanticProperties.HeadingLevel="Level1"
+                FontSize="32"
+                HorizontalOptions="CenterAndExpand" />
 
-                <Label Text="Current count: 0"
-                    Grid.Row="2"
-                    SemanticProperties.Hint="Counts the number of times you click"
-                    FontSize="18"
-                    FontAttributes="Bold"
-                    x:Name="CounterLabel"
-                    HorizontalOptions="Center" />
+            <Label Text="Welcome to .NET Multi-platform App UI"
+                SemanticProperties.Hint="Counts the number of times you click" 
+                FontSize="16"
+                HorizontalOptions="Center" />
 
-                <Button Text="Click me"
-                    Grid.Row="3"
-                    SemanticProperties.Hint="Counts the number of times you click"
-                    Clicked="OnCounterClicked"
-                    HorizontalOptions="Center" />
+            <Label Text="Current count: 0"
+                SemanticProperties.Hint="Counts the number of times you click"
+                FontSize="18"
+                FontAttributes="Bold"
+                x:Name="CounterLabel"
+                HorizontalOptions="Center" />
 
-                <Image Grid.Row="4"
-                    Source="dotnet_bot.png"
-                    SemanticProperties.Description="Cute dotnet bot waving hi to you!"
-                    WidthRequest="300"
-                    HorizontalOptions="Center" />
+            <Button Text="Click me"
+                SemanticProperties.Hint="Counts the number of times you click"
+                Clicked="OnCounterClicked"
+                HorizontalOptions="Center" />
 
-            </Grid>
-        </StackLayout>
+            <Image
+                Source="dotnet_bot.png"
+                SemanticProperties.Description="Cute dotnet bot waving hi to you!"
+                WidthRequest="300"
+                HorizontalOptions="Center" />
+
+        </VerticalStackLayout>
     </ScrollView>
 </ContentPage>