Nativescript vue RadListView内容在滚动时移动,打破了iOS上的布局

Nativescript vue RadListView内容在滚动时移动,打破了iOS上的布局,nativescript,nativescript-vue,radlistview,Nativescript,Nativescript Vue,Radlistview,我正在我的NativeScript Vue应用程序中使用RadListView。在iOS上,在与列表视图交互后的某个时刻,元素开始四处移动,布局中断 我正在使用ObservableArray作为列表视图的数据源。起初,我在LongPress上扩展列表视图的项目,看起来只有选定项目上方的项目受到影响。我认为这可能与我的物品大小的变化有关,并影响已经绘制的物品。然而,如果我只是滚动并获取更多数据,也会发生这种情况,所以这没有意义。我尝试使用简单的标记来最小化渲染工作,但似乎没有太大变化。 我使用的

我正在我的NativeScript Vue应用程序中使用RadListView。在iOS上,在与列表视图交互后的某个时刻,元素开始四处移动,布局中断

我正在使用ObservableArray作为列表视图的数据源。起初,我在LongPress上扩展列表视图的项目,看起来只有选定项目上方的项目受到影响。我认为这可能与我的物品大小的变化有关,并影响已经绘制的物品。然而,如果我只是滚动并获取更多数据,也会发生这种情况,所以这没有意义。我尝试使用简单的标记来最小化渲染工作,但似乎没有太大变化。 我使用的是
tnsiosv5.4.1
nativescriptui列表视图7.0.2

以下是我的RadListView声明:

<RadListView ref="listView" for="item in itemList" layout="linear" loadOnDemandMode="Auto" orientation="vertical" pullToRefresh="true" swipeActions="true" :itemTemplateSelector="templateSelector" @itemSwipeProgressStarted="onSwipeStarted" @itemTap="onTap"
  @loadMoreDataRequested="onLoadMoreData" @pullToRefreshInitiated="onPullToRefresh">
  <v-template name="normal">
    <GridLayout class="px-4 bg-white border-gray-350 border-b" columns="3*, 10*, 3*">
      <AbsoluteLayout class="w-full h-full my-4" col="0">
        <activix-wrapped-icon class="p-3" width="64" height="64" background-color="bg-gray-600" icon-size="text-3xl" :icon-name="getLeadTypeIcon(item.lead_type_id)" />
      </AbsoluteLayout>

      <FlexboxLayout verticalAlignment="center" flexDirection="column" class="mx-4" col="1">
        <Label class="font-semibold" fontSize="16" :text="item.name" />

        <StackLayout class="mt-1" orientation="horizontal">
          <activix-icon name="car" />

          <Label class="ml-2" fontSize="16" :text="item.wanted_vehicle_text" />
        </StackLayout>
      </FlexboxLayout>

      <FlexboxLayout justifyContent="flex-end" verticalAlignment="center" col="2">
        <FlexboxLayout alignItems="center" justifyContent="center" height="24" width="24" class="rounded-sm" :class="getResultColor(item.result_normalized)">
          <Label class="font-bold text-white uppercase" fontSize="12" :text="getResultSymbol(item.result_normalized)" />
        </FlexboxLayout>

        <activix-icon class="ml-4 text-2xl" name="arrow-right" />
      </FlexboxLayout>
    </GridLayout>
  </v-template>
</RadListView>


我希望布局中的元素保持原样,而不是在滚动时移动和重叠在其余内容上。我想利用RadListView的手势,如滑动和长按,但基本行为确实存在问题。任何帮助都将不胜感激

你能分享游乐场的样本吗?在这里你可以复制这个问题。点击列表中间的一个项目,然后再上去。您将看到布局的反应。在我看来,对于一个简单的UI,您使用了太多的布局/组件。减少布局的数量可以极大地改善体验。第二,当您想要扩展视图时,必须使用两个不同的模板,通过条件语句更改模板中的组件数量对iOS不好。感谢您的建议,并对延迟表示抱歉!按照你的建议,我简化了很多布局,但我仍然遇到同样的问题。你可以看到我在这里做了什么:。我看到的唯一区别是,当我简单地上下滚动一段时间时,它似乎不再发生。