Clavier pétri ma mise en page dans les formes xamarin

Question

Lorsque je clique dans une entrée et que le clavier est ouvert, toute ma disposition est pétrie. Comme sur les photos. Avant:

Après:

Ce happend avec mes périphériques Android et ios J'utilise des formes Xamarin ... ce que quelqu'un sait comment résoudre cela?

Mon XAML où seulement mettre le point de vue de défilement ne fonctionne pas:

<ScrollView BackgroundColor="Red"> 
    <Grid RowSpacing="0" HeightRequest="100"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="0.5*"/> 
     <ColumnDefinition Width="9*"/> 
     <ColumnDefinition Width="0.5*"/> 
    </Grid.ColumnDefinitions> 

    <Grid.RowDefinitions> 
     <RowDefinition Height="2.3*"/> 
     <RowDefinition Height="5.4*"/> 
     <RowDefinition Height="2.3*"/> 
    </Grid.RowDefinitions> 
    <Image Source="recuperarFundo" Grid.Column="1" Grid.Row="1" Aspect="Fill" HorizontalOptions="FillAndExpand"/> 

    <Grid Grid.Column="1" Grid.Row="1" RowSpacing="0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> 
     <Grid.RowDefinitions> 
     <RowDefinition Height="3*"/> 
     <RowDefinition Height="4*"/> 
     <RowDefinition Height="3*"/> 
     </Grid.RowDefinitions> 

     <Grid Grid.Row="0" VerticalOptions="CenterAndExpand"> 
     <Image Source="cadastrarVoltar" Margin="20,0,0,0" Grid.Column="0" Grid.Row="0" VerticalOptions="Start" HorizontalOptions="Start"> 
      <!--<Image.Margin> 
      <OnPlatform x:TypeArguments="Thickness" 
        Android="20,0,0,0" 
        iOS="20,0,0,0"/> 
      </Image.Margin>--> 
      <Image.GestureRecognizers> 
      <TapGestureRecognizer Tapped="OnClose"/> 
      </Image.GestureRecognizers> 
     </Image> 

     <Image Source="loginlogo" Margin="0,10,0,10" Grid.Column="0" Grid.Row="0" VerticalOptions="Center" HorizontalOptions="Center"/> 

     </Grid> 

     <Grid Grid.Row="1" VerticalOptions="CenterAndExpand"> 

     <Image Source="recuperarForms" Aspect="Fill" Grid.Column="0" Grid.Row="0" Margin="20,0,20,0"/> 

     <Grid Grid.Column="0" Grid.Row="0" RowSpacing="0" Padding="25,0,25,0" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"> 
      <Grid.RowDefinitions> 
      <RowDefinition Height="5*"/> 
      <RowDefinition Height="5*"/> 
      </Grid.RowDefinitions> 

      <local:MyLabel x:Name="recupera_lbl" Text="Para recuperar sua senha, digite abaixo o e-mail cadastrado" Margin ="20,0,20,0" VerticalOptions="CenterAndExpand" HorizontalTextAlignment="Center" HorizontalOptions="CenterAndExpand" NamedFontSize="Small" Style="{Binding labelsfont}"/> 

      <local:MyEntry x:Name="recuperar_entry" Grid.Row="1" VerticalOptions="Center" Placeholder="Seu e-mail" TextColor="{StaticResource MarromClaro}" PlaceholderColor="{StaticResource MarromClaro}" FontSize="Small" HorizontalOptions="Fill" HorizontalTextAlignment="Center"/> 

     </Grid> 
     </Grid> 

     <Grid Grid.Row="2" VerticalOptions="FillAndExpand"> 
     <ActivityIndicator Grid.Row="0" Grid.Column ="0" x:Name="recuperar_indicator" Color="DarkRed" HorizontalOptions="CenterAndExpand" IsVisible="false" IsRunning="true"/> 
     <Image Grid.Row="0" Grid.Column ="0" x:Name="recuperar_button" Source="recuperarButton" HorizontalOptions="CenterAndExpand"> 
      <Image.GestureRecognizers> 
      <TapGestureRecognizer Tapped="CallingRecuperarSenhaAsync"/> 
      </Image.GestureRecognizers> 
     </Image> 
     </Grid> 
    </Grid> 

    </Grid> 

Answer 1

utilisation ScrollView comme conteneur principal