Mixing Native and XForm Pages - best practice

Currently, in windows phone, it is possible to have something like this:

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>

            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <Grid x:Name="_connectionView" Height="75"/>

        <TextBlock  Grid.Row="1" Text="Native Windows Phone Control" TextAlignment="Center"></TextBlock>

        <Grid x:Name="_xFormsContent" Grid.Row="2"/>

        <StackPanel Grid.Row="3" Orientation="Horizontal" Height="50" Background="OrangeRed">
            <Image Source="/Images/View.png"  Stretch="UniformToFill"/>
            <TextBlock Text="Native Windows Phone Control" Margin="50,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
        </StackPanel>
    </Grid>

where _connectionView and _xFormsContent can be loaded separately by using the .ConvertPageToUIElement() method.
using the above method, it's pretty easy to mix and match native controls with shared XForm Page content.
You also get designer support for the native stuff.

I don't, however, see an easy way to do this with Android / iOS.
Should one rather be using Custom renderers for this?