我应该将ScrollView声明放在我的XAML层次结构中的什么位置？Xamarin.表格

我定义了一个网格来放置我的视图，但我需要垂直滚动才能看到所有视图。我应该在代码中的何处添加ScrollView？在网格内？这是我目前的密码。我也会接受关于如何更好地构建此页面的批评。我相对来说是个新手

<ContentPage Title="Browse Providers">
    <Grid BackgroundColor="#689dff">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Label Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="20" Grid.RowSpan="4" Text="Browse Service Providers" 
    FontSize="28">
    </Label>
    <Button Grid.Row="5" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Videography" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="8" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Babysitting" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="11" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Pet Sitting" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="14" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Lawn Care" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="17" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Appliance Repair" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="20" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Graphic Design" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="23" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Photography" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="26" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Painting" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="29" Grid.Column="6" Grid.ColumnSpan="10" Grid.RowSpan="4" Text="Plumbing" FontSize="20" 
    TextColor="Green">
    </Button>
    <Button Grid.Row="32" Grid.Column="5" Grid.ColumnSpan="12" Grid.RowSpan="4" Text="House Cleaning" FontSize="20" 
    TextColor="Green">
    </Button>
</Grid>
</ContentPage>

---

用

滚动视图

包装您的

网格视图

：

<ScrollView>
   <GridView />
</ScrollView/>

有关

网格

布局的更多信息，请参见

3） 熟悉“Xamarin.Forms Performance”
4） 如果您对Xamarin.Forms和XAML不熟悉，请特别使用

祝你好运

<ColumnDefinition />
<RowDefinition />