Hi there,
I would like to report strange behavior of NativeViewHost
when GraphicsView
is used on the same page.
I have google maps (which require NativeViewHost to work) and few elements on top of that. I would like to add shadows to that elements.
Shadows works only on emulator, but not on real device. I also have one <Button>
element and by system default shadows are enabled and visible when I run preview on real device.
When ever I include GraphicsView
, google maps disappears and <Button>
element loose its shadow and style (Android Native UI).
Here is example of my code.
<NativeViewHost>
<DockPanel>
<GraphicsView>
<StackPanel Dock="Top" Alignment="Top" Height="55" Width="100%" Background="#fff">
<!-- //#07B5B5 -->
<Panel Height="56">
<Grid Columns="56,1*,56,56,56">
<Panel Height="30" Width="30">
<Button Opacity="0.0" Color="#ffcc00" Clicked="{openMenu}" />
<Icon File="Assets/Icons/menu.png" Size="30" />
</Panel>
<!-- <Text Value="Search for friends" Color="#8e979e" FontSize="20" Alignment="Center" />-->
<Rectangle Background="#f4f4f4" Height="30" CornerRadius="5">
<TextInput PlaceholderText="Search friends..." Width="100%" Padding="7,0,5,0" ActionStyle="Next" PlaceholderColor="#8e979e"
Alignment="Center" TextColor="#383838" FontSize="18" CaretColor="#383838" Value="" />
<Stroke Color="#f4f4f4" Width="2" />
</Rectangle>
<Icon File="Assets/Icons/search.png" Size="30" Alignment="Right" Padding="0,4,0,0" />
<Panel Height="35" Width="35" Alignment="Right">
<Text Value="{onlineStatistics}" Color="#fff" FontSize="10" Alignment="Center" Padding="0,4,1,0" />
<Icon File="Assets/Icons/pinB.png" Size="32" Margin="0,0,0,0" Alignment="Center" />
</Panel>
<Icon File="Assets/Icons/more90.png" Size="30" />
</Grid>
<Rectangle Height="1" Alignment="Bottom" Color="#e6e9f0" />
<!-- #e6e9f0 -->
</Panel>
<Scaling Factor="1.0" />
<AddingAnimation>
<Scale Factor="0.01" Duration="0.2" Easing="QuadraticInOut" />
<Move RelativeTo="Size" Duration=".3" Y="0.7" />
</AddingAnimation>
<Shadow Distance="3" Size="3" />
</StackPanel>
</GraphicsView>
</DockPanel>
<MapView Latitude="59.911567" Longitude="10.741030" Zoom="11">
<!-- <MapMarker Latitude="59.911567" Longitude="10.741030" Label="Fuse HQ"/> -->
<MapMarker Latitude="{premjestiMeLati}" Longitude="{testnaVariabla}" Label="Fuse HQ" />
<Each Items="{data}">
<MapMarker Latitude="{colorName}" Longitude="{hexValue}" Label="Fuse HQ" />
</Each>
</MapView>
</NativeViewHost>
If I wrap Maps only in NativeView, StackPanel on top of that is not showing up on real device.
Any ideas?