XAML网格布局超出视口

Question

我正在使用Xamarin平台构建移动布局，我在XAML中编写UI。我希望屏幕底部有4个均匀分布的图标。我的倒数第二行高度定义为*，因此这应该确保屏幕已填满。底行是40px，但是，我的图标超出了视口，因此无法看到。为什么会这样？

    <Grid>
        <Grid.RowDefinitions>
              <RowDefinition Height="70" />
              <RowDefinition Height="Auto" />
              <RowDefinition Height="110" />
              <RowDefinition Height="Auto" />
              <RowDefinition Height="Auto" />
              <RowDefinition Height="Auto" />
              <RowDefinition Height="Auto" />
              <RowDefinition Height="Auto" />
              <RowDefinition Height="*" />
              <RowDefinition Height="40" />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <!-- 12 equally spaced columns -->
        </Grid.ColumnDefinitions>

        <Image  x:Name="BluetoothIcon"
                Source="bluetoothg.png"
                HorizontalOptions="Center"
                VerticalOptions="Start"
                Grid.Row="9" Grid.Column="0" Grid.ColumnSpan="3" />

        <!-- 3 other icons defined as above with different column references -->
  </Grid>