Collapsible 折叠
Collapsible 用于展示一个折叠下拉的动画效果。
代码演示
基础使用
import { Button, Collapsible, Utils } from 'tuya-panel-kit';const { convertX: cx } = Utils.RatioUtils;const [collapsed, setCollapsed] = React.useState(false);<Buttonstretch={true}onPress={() => setCollapsed(!collapsed)}text="点击展开"textStyle={{fontSize: cx(14),}}style={{height: 40,backgroundColor: '#fff',width: '100%',borderColor: '#F5F5F6',borderTopWidth: 1,}}/><Collapsiblecollapsed={collapsed}align="top"style={{height: 260,backgroundColor: '#fff',}}/>