NativeView Issue since update 0.24

How-to Discussions
1

Hello,

before the update our NativeView component worked just fine.

After the update we get the error message: not supported in native context

Can you please explain which element is not supported in the code below:

Many thanks in advance

How is it possible that our code is not working after an update?

It is way to time consuming to update the code after each update…

<DockPanel >

    <Yztestpanel ux:Name="Yztp" Dock="Top" Height="200" IsSelected="{yztp1}" Alignment="Top" >
        <Translation Y="0" RelativeTo="Size" />
        <Panel ux:Name="rectop" Color="#ffffffbf" Margin="0,0,0,10"  Height="120" Width="100%" >


        <StackPanel Margin="0,20,0,10">   

        <mapRecHead Margin="120,0,0,0" Value="{yzmarkertitel}"><Font File="Assets/Typo.otf"/>
        <Clicked>
            <Set Hauptmenu.Visibility="Collapsed" />
            <Set mappages.Active="mappage2" />
        </Clicked>
        </mapRecHead>
        <Image Url="{yzicon2}"  Width="60" Height="60" Alignment="Left" Margin="40,-25,0,0"/>
        <mapRec Margin="120,-35,0,0" Font="font1" Value="{yzdescription}"></mapRec>
        <Image Height="40" Width="40" Margin="340,-38,0,0" Color="Red" File="Assets/arrow.png" />

        <Grid Rows="1*,1*,1*,1*" >
        <Image Alignment="Left" Column="0" File="Assets/momentum.png"  />

                   <mapRecInfo Column="1" Value="{yzmoney}"></mapRecInfo>

        <Image Margin="0,150,0,0" Height="50" Width="50" Color="Red" Column="2" File="Assets/banknote.png"  />
        <mapRecInfo Column="3" Value="{yzmoney}" ></mapRecInfo>
        </Grid>

        </StackPanel>
        </Select>



    </Panel>
    <WhileFalse Value="{Property Yztp.IsSelected}">
        <Move Target="Yztp" Y="-200" Duration="0.25" Easing="ExponentialInOut" />
        </WhileFalse>
    </Yztestpanel>     


    <MapView ux:Name="panel2" Margin="0,-200,0,0" Height="100%" Latitude="50.9303675" Longitude="6.950763000000052" Zoom="12" ShowMyLocationButton="true"  MarkerTapped="{marker_click}"> 

                <Each Items="{dataSource}">
                    <MapMarker Latitude="{cpm_point.latitude}" Longitude="{cpm_point.longitude}" Label="{title.rendered}"  />
                </Each>
            </MapView>
2

Hey mate!

The critical line is:

<Image Url="{yzicon2}"  Width="60" Height="60" Alignment="Left" Margin="40,-25,0,0"/>

Displaying images inside NativeView was bugged before. i.e.: Layering behind the mapview., but it compiled fine and the preview started.

Now after update 0.24, the preview doesnt start properly:

<FileImageSource> like <Image File=... Preview does start

<HttpImageSource> like <Image Url=... preview does NOT start:

not supported in native context

This is the point where my knowledge as a noob stops, and only one of the wise ones could help us :slight_smile:

Cheers

Blade

EDIT:

xcode-output of the <HttpImagesSource> inside the <NativeViewHost>:

2016-08-14 11:37:09.847 YZ_Job_V3[2076:1011836] Unable to simultaneously satisfy constraints.
    Probably at least one of the constraints in the following list is one you don't want. 
    Try this: 
        (1) look at each constraint and try to figure out which you don't expect; 
        (2) find the code that added the unwanted constraint or constraints and fix it. 
    (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints) 
(
    "<NSAutoresizingMaskLayoutConstraint:0x1bc79300 h=-&- v=-&- MKMapView:0x1b68e840.height == UIView:0x1b68e730.height>",
    "<NSLayoutConstraint:0x1c5c7620 UILayoutGuide:0x1c5c7510'Edge Insets'.top == MKMapView:0x1b68e840.top + 20>",
    "<NSLayoutConstraint:0x1c5c77d0 UILayoutGuide:0x1c5c7510'Edge Insets'.bottom == MKMapView:0x1b68e840.bottom>",
    "<NSLayoutConstraint:0x1bc79540 'UIView-Encapsulated-Layout-Height' V:[UIView:0x1b68e730(0)]>"
)
3

AHHHHH STOP!!!

The <Image File=is supported AND gets displayed!!! YEAHH!! BUT only on real build. The preview doesnt display the image. Same as before update…

Thank you fuse team!! One step further :DD

Any hints on the <Image Url= problem?

Cheers

Blade

4

Hi!

I am sorry for the inconvenience this has caused you. Support for <Image /> in <NativeViewHost /> was just implemented. As you have discovered, only loading images from file works. We are working on support for URL as well :slight_smile:

5

Dear Vegard Strand Lende!

Thank you soo much :slight_smile: Cant hold my breath for the next update :smiley:

Is there any way, to activate Image-Support for the FusePreview?

The bigger the app gets, the harder it is, to recompile everytime you wanna ee something ^^

Gratefully

Blade

P.S.: Offtopic: Now, that there are images showing over the map, would it be possible to set a custom “marker.png” as property?

6

Hmm, I dont think so. Since <MapView /> uses the native mapview on Android and iOS, the native view itself would have to be customized. Would be nice if one could though