MapView jitters in PageControl


#1

When running this on my iPhone:

<App>
	<JavaScript>
		exports.goto_p2 = function () {
			router.goto("p2");
		}
		exports.goto_p1 = function () {
			router.goto("p1");
		}
	</JavaScript>
	<Router ux:Name="router"/>
	<PageControl>
		<Page ux:Name="p1">
			<StackPanel>
				<Button Clicked="{goto_p2}" Text="Next" Background="#aaaf" Width="80%" Margin="20"/>
				<NativeViewHost Width="80%" Height="200">
				    <MapView Latitude="59.911567" Longitude="10.741030" Zoom="10">
				        <MapMarker Latitude="59.911567" Longitude="10.741030" Label="Fuse HQ"/>
				    </MapView>
				</NativeViewHost>
				<Button Clicked="{goto_p2}" Text="Next" Background="#aaaf" Width="80%" Margin="20" />
				<Button Clicked="{goto_p2}" Text="Next" Background="#aaaf" Width="80%" Margin="20"/>
				<Button Clicked="{goto_p2}" Text="Next" Background="#aaaf" Width="80%" Margin="20"/>
				<Button Clicked="{goto_p2}" Text="Next" Background="#aaaf" Width="80%" Margin="20"/>
				<Button Clicked="{goto_p2}" Text="Next" Background="#aaaf" Width="80%" Margin="20"/>

			</StackPanel>
		</Page>
		<Page ux:Name="p2">
			<StackPanel>
				<Button Clicked="{goto_p1}" Text="Prev" Background="#aaaf" Width="80%" Margin="20" />
			</StackPanel>
		</Page>
	</PageControl>
</App>

The MapView part of the page jitters when scrolling in and out. (Pressing the next/prev buttons).
Does it have to be like that?

Fuse version 0.34.0 (build 10613)


#2

I’m not sure if it has to be like that, but I’m aware there’s currently 1-2 frames difference between native component and GLES component movement which can cause this behaviour.

If you set NativeViewHost.RenderToTexture="true" while the page is animating you should be able to work around it.