Skip to content

[RadListView][iOS] Item animation issue on iOS #1551

Open
@RGBvision

Description

@RGBvision

Please, provide the details below:

Tell us about the problem

List items appear immediately and then the animation starts as a second layer. I tried various animation (scale, fade, etc.) - same result.

Which platform(s) does your issue occur on?

iOS 15

Please provide the following version numbers that your issue occurs with:

  • nativescript-ui-listview 14.2.4
  • CLI: 8.3.3
  • Cross-platform modules: @nativescript/core 8.3.6
  • Runtime(s): @nativescript/ios 8.3.3

Please tell us how to recreate the issue in as much detail as possible.

I created basic page with RadListView. Items are loading in onNavigatedTo function. I tried to remove RL:Ripple - doesn't change anything. RadListView wrapped with GridLayout.

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

<lv:RadListView row="2"
        id="listView"
        margin="0" padding="0 0 15"
        items="{{ lessons }}"
        filteringFunction="{{ lessonsFilteringFunc, lessonsFilteringFunc }}">
    <lv:RadListView.listViewLayout>
        <lv:ListViewLinearLayout scrollDirection="Vertical" itemInsertAnimation="Scale" itemDeleteAnimation="Scale"/>
    </lv:RadListView.listViewLayout>
    <lv:RadListView.itemTemplate>
        <RL:Ripple tap="" rippleColor="#e8c43a" margin="0" padding="0">
            <GridLayout className="card" columns="64,*,32" margin="0 15 15">
                ...
            </GridLayout>
        </RL:Ripple>
    </lv:RadListView.itemTemplate>
</lv:RadListView>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions