Nativescript Radlist视图可折叠项动画

Nativescript Radlist视图可折叠项动画,nativescript,radlistview,Nativescript,Radlistview,我试图通过点击任意一个项目来打开和关闭radlist view项目的子详细信息。 这样,如果我点击该项目,它将打开子视图并再次关闭 我已经创建了一个示例,其中我实现了可折叠的radlist视图 但是我需要用动画慢慢地扩展它。我很少阅读文档,在谷歌上搜索也没有结果 任何人都可以向上面的项目添加动画,该项目从上到下缓慢打开可折叠视图。并以同样的方式慢慢关闭 已更新: 我获得了相对接近的动画,看看这个, 由于硬编码的高度,我无法获得手风琴效果,因为不同的元素具有不同的高度。我认为CSS无法做到这一

我试图通过点击任意一个项目来打开和关闭radlist view项目的子详细信息。 这样,如果我点击该项目,它将打开子视图并再次关闭

我已经创建了一个示例,其中我实现了可折叠的radlist视图

但是我需要用动画慢慢地扩展它。我很少阅读文档,在谷歌上搜索也没有结果

任何人都可以向上面的项目添加动画,该项目从上到下缓慢打开可折叠视图。并以同样的方式慢慢关闭

已更新
我获得了相对接近的动画,看看这个,


由于硬编码的高度,我无法获得手风琴效果,因为不同的元素具有不同的高度。

我认为CSS无法做到这一点,它需要一些本机API,至少在iOS上是这样,因为您的单元格不会在更改时重新播放。RadListView/所有UI插件仍然不是开源的,所以如果您在上提出问题,可能会更容易。@Manoj好的,我会提出反馈,但我可以从js文件中设置关键帧。如果是这样的话,我可以在制作动画之前读取布局的高度
@keyframes animation {
    from { 
        height: 0;
        overflow:hidden;
        background-color: gold;
        transition: height 1s ease;
    }
    100% { 
        transform:   translate(0,0);
       /* height: auto */ // This is also not working
        height: 100px; } // HOW TO GIVE HEIGHT DYNAMICALLY HERE
}