How to make Rounded Editor control in Xamarin Forms

user_7203856 0
Viewed 11568

I'm making a cross platform app(Android, WinPhone) using xamarin forms. I need to create a Rounded Textbox, just like the input box in Whatsapp chat window. The textbox control is called Editor in Xamarin Forms.

Does anyone know how to create a rounded corner editor? I've tried implementing a renderer in both platforms but didn't find what I was looking for.

Edit

After trying your method the Editor looks like this when unclicked: enter image description here

And looks like this when clicked:

enter image description here

The background shape is rectangle for some reason, I'd prefer if it will be only in the borders of the editor. Any ideas how?

xamarin.winphone xamarin.forms xamarin xamarin.android c#
2 Answers

Unless I'm missing something, you don't need custom renderers or anything like that. All you need is a frame.

Here's how I'm doing it:

<Grid>
     <Frame IsClippedToBounds="true"
            Padding="0"
            CornerRadius="25">
          <Editor />
     </Frame>
</Grid>

Working for me!

user_9606910
Related