Keyboard overlaps Entry in Xamarin Forms

Question

There are ListView, Entry and Button inside ContentPage, something like this:

<StackLayout Orientation="Vertical">
   <ListView>
   ...
   ...
   </ListView>

   <StackLayout Orientation="Horizontal">
      <Entry ... />
      <Button ... />
   </StackLayout>
</StackLayout>

When I focus that Entry, a keyboard overlaps Entry and Button. I know, there is a solution: putting elements inside ScrollView, but this solution makes huge problems with scrolling ListView inside ScrollView. What should I do, to make it work properly?

This screenshot with ScrollView added, and the keyboard doesn't overlap Entry and Button, but ListView scrolling conflicts with ScrollView scrolling — Sgt Maddonut
Adding Entry and Button into ListView.Footer is not an option, because they shouldn't move while scrolling and their position should be absolute. — Sgt Maddonut

Almir Vuk Almir Vuk · Accepted Answer · 2018-10-17T14:43:53

First of all do not mix ListView and ScrollView in same view, result will not be ok!

Instead I suggest you to take a look at this repository Xamarin.Forms.Plugins - KeyboardOverlap here.

The main goal of this repository is resolve that issue of overlapping the entries with keyboard on iOS, There is also a nuget package which you can use, you can find it here.

But also it is fully open-source... so you can take a look at code implementation and custom renderer and tweak more if you ever need.

Wish you good luck with coding!

Keyboard overlaps Entry in Xamarin Forms

1 Answers