fuselibs icon indicating copy to clipboard operation
fuselibs copied to clipboard

ScrollingAnimation doesn’t work inside NativeViewHost

Open trusis666 opened this issue 6 years ago • 0 comments

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>

trusis666 avatar Apr 25 '18 13:04 trusis666