首页 > 解决方案 > 反应原生:制作动画箭头到手风琴列表的方法是什么?

问题描述

我尝试找到手风琴列表的旋转箭头动画或示例。

在此处输入图像描述

我想在打开列表时用动画旋转它,怎么做?

<Accordion
            renderHeader={_renderHeader}
            animation={true}
            expanded={true}
            dataArray={dataArray}
            headerStyle={{
              backgroundColor: '#b5e5ff',
              borderColor: 'black',
              borderBottomWidth: 1,
              // height: 80,
            }}
            contentStyle={{ backgroundColor: '#ddecf8', height: 80 }}
          />

标签: javascriptreactjsreact-nativeanimation

解决方案


transform: rotate(180deg);这个和一个转换让我们说transition: transform 0.6s ease;把转换放在一个不同的类中并将它绑定到一个点击事件。


推荐阅读