How does Xamarin.Forms render UI controls across Android and iOS internally?

Xamarin.Forms uses a renderer-based architecture that maps shared UI elements to native platform controls at runtime.

Xamarin.Forms follows a layered architecture where UI is defined in a shared project (XAML or C#), and each control is rendered into native equivalents using platform-specific renderers. For example, a Xamarin.Forms Button becomes a UIButton in iOS and an Android.Widget.Button in Android. This abstraction is achieved through a renderer registry that resolves the correct native implementation at runtime. Each renderer has lifecycle hooks like OnElementChanged and OnPropertyChanged that synchronize UI state. This model enables native performance while maintaining code sharing.