To use entries with no borders in Xamarin.Forms you need to create a custom element. Luckily this is done pretty quickly with two damn simple custom renderers and I’ll show you how to do it!
Create a new entry control
Because we do not want that every entry in our application will be borderless we need to create a new entry control. To do so create a new class in your shared project called BorderlessEntry.cs and inherit from Xamarin.Forms.Entry.
Now you just have to write the custom renderer.
To remove the entry border for iOS devices create a new custom renderer inside the iOS project.
As you can see it’s pretty simple to remove the border. All we need to do is to call the OnElementChanged method and set the border style to .None.
The custom renderer for android is just as simple as the one for ios. the custom renderer for android looks like this.
Use the entry
That’s it! Pretty simple, isn’t it?
Now you are ready to use your borderless entry.