fuselibs
fuselibs copied to clipboard
ScrollingAnimation doesn’t work inside NativeViewHost
Reported in a forum.
Fuse 1.8.1 Tested on: iPhone 7 / iOs 11.3, Nexus 5 / Android 6.0
Issue:
Using ScrollView
with ScrollAnimation
inside NativeViewHost
animation doesnt work.
The same goes for PullToReload
trigger, since it inherits ScrollingAnimation
.
Affected on iOs and Adnroid.
Code to reproduce:
With ScrollingAnimation:
<App>
<NativeViewHost>
<Panel>
<Panel Alignment="Top" Height="50" ux:Name="ledge">
<Text Alignment="Center" TextAlignment="Center" Color="#fff" Value="TopLedge" />
<Rectangle Fill="#000" />
</Panel>
<ScrollView>
<ScrollingAnimation From="0" To="50">
<Change ledge.Opacity="0" />
</ScrollingAnimation>
<StackPanel>
<!-- Block out the top ledge in the scrollview -->
<Panel Height="50" />
<!-- ... Content ... -->
</StackPanel>
</ScrollView>
</Panel>
</NativeViewHost>
</App>
With PullToReload:
<App>
<NativeViewHost>
<ScrollView>
<PullToReload>
<Timeline ux:Name="redFlash">
<Change color.Color="#F00" Duration="1"/>
</Timeline>
<State ux:Binding="Pulling">
<Cycle Target="redFlash.Progress" Low="0" High="1" Frequency="1" />
</State>
</PullToReload>
<StackPanel>
<Text Margin="20">The quick brown fox</Text>
<Text Margin="20">Jumps over the lazy dog</Text>
</StackPanel>
<SolidColor ux:Name="color" Color="#FFF"/>
</ScrollView>
</NativeViewHost>
</App>