Xamarin forms: How to increase the distance between keyboard and editor

Question

I need to increase the distance between the soft-keyboard and the editor in the UI. Currently, the keyboard overlaps the editor bottom part.

Screenshot adding below:

Is there any solution for this?

score 1 · Answer 1 · answered Nov 26 '18 at 11:53

1

Try the below code it will be help you.

In Xamarin Android Project

    public class MainActivity 
    {
    protected override void OnCreate(Bundle savedInstanceState)
     {

      Window.SetSoftInputMode(Android.Views.SoftInput.AdjustUnspecified);
     }
}

or in AndroidManifest.xml

<activity android:name=".myActivity"
 android:label="@string/app_name"
 android:screenOrientation="sensorPortrait"
 android:windowSoftInputMode="adjustPan"/>

check the java code on given link- KeyboardSize

answered Nov 26 '18 at 11:53

Pratius Dubey

673
6
19

I will try this and update you. I need this feature for ios also, is there solution for ios part? – Sreejith Sree Nov 26 '18 at 12:10
In IOS it will be not giving a same layout. If you are facing same issues in IOS check the this link -https://forums.xamarin.com/discussion/30336/popup-keyboard-hides-parts-of-the-ui-rather-than-resizing – Pratius Dubey Nov 26 '18 at 12:17
I tried your code on the android part, but no change in the gap between keyboard and editor, still they are touching. – Sreejith Sree Nov 27 '18 at 07:09

York Shen · Answer 2 · 2018-12-04T09:04:55.377

0

Xamarin forms: How to increase the distance between keyboard and editor

You could implement this feature by add paddingBottom property for your Edior.

Here is an example, add the paddingBottom property in your EditorRenderer:

public class CustomEditorRenderer : EditorRenderer
{
    public CustomEditorRenderer(Context context) : base(context)
    {
    }

    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.Editor> e)
    {
        base.OnElementChanged(e);

        if (Control == null)

            return;

        //Control.Background = new ColorDrawable(Android.Graphics.Color.Transparent);
        //Control.Background = null;

        float scale = Context.Resources.DisplayMetrics.Density;
        int dpAsPixels = (int)(50 * scale + 0.5f);
        Control.SetPadding(0, 0, 0, dpAsPixels);
    }
}

Effect: Original space, Custom space.

edited Dec 04 '18 at 09:04

answered Nov 27 '18 at 09:30

York Shen

9,014
1
16
40

What will be the changes in XAML and PCL? Is this render for android or ios? – Sreejith Sree Nov 27 '18 at 10:17
@SreejithSree, only need to create a renderer, and this is a render for android. – York Shen Nov 27 '18 at 12:20
Android part is working fine, can you provide the renderer for IOS? sorry for the late response. – Sreejith Sree Dec 04 '18 at 04:50
@SreejithSree, I have updated my answer, please check it. – York Shen Dec 04 '18 at 06:21
Hi I have added the solutions after applying your solution, can you please check – Sreejith Sree Dec 04 '18 at 08:11
@SreejithSree, the issue only happened on `iOS` platform? – York Shen Dec 04 '18 at 08:13
@SreejithSree, would you mind create a new ticket about this `iOS` custom space issue? – York Shen Dec 04 '18 at 09:02
On where I need to open the ticket? – Sreejith Sree Dec 04 '18 at 09:10
@SreejithSree,create it in StackOverFlow, we will be there to help you. :) – York Shen Dec 04 '18 at 09:12
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/184674/discussion-between-sreejith-sree-and-york-shen-msft). – Sreejith Sree Dec 04 '18 at 09:14

Xamarin forms: How to increase the distance between keyboard and editor

2 Answers2

Linked