javascript - 反应原生:制作动画箭头到手风琴列表的方法是什么?
问题描述
我尝试找到手风琴列表的旋转箭头动画或示例。
我想在打开列表时用动画旋转它,怎么做?
<Accordion
renderHeader={_renderHeader}
animation={true}
expanded={true}
dataArray={dataArray}
headerStyle={{
backgroundColor: '#b5e5ff',
borderColor: 'black',
borderBottomWidth: 1,
// height: 80,
}}
contentStyle={{ backgroundColor: '#ddecf8', height: 80 }}
/>
解决方案
transform: rotate(180deg);
这个和一个转换让我们说transition: transform 0.6s ease;
把转换放在一个不同的类中并将它绑定到一个点击事件。
推荐阅读
- git - Git 本地环境重置
- php - 强制应用程序直接去服务器获取数据而不是(从磁盘缓存)
- javascript - 在 React 中合并两个状态数组
- windows - 在 Win2012r2 上启用 FIPS 140-2 并使用 powershell 验证合规性
- c# - Xamarin XAML 未绑定
- python - 如何从字符串python打印完全匹配的单词
- heroku - Heroku - 使一个已经创建的数据库成为另一个数据库的追随者
- reference - 如何使用 openFromComponent 将snackBarRef 注入组件
- javascript - CSS 和 JavaScript:如何创建受渲染高度或 innerText 长度限制的 DOM 子树?
- angular - ngmodule 模块解析错误,带有意外字符'@'