Progress 进度条
优质
小牛编辑
129浏览
2023-12-01
进度条组件。
Usage
全部引入
import { Progress } from 'beeshell';
按需引入
import { Progress } from 'beeshell/dist/components/Progress';
Examples
Code
<Progress
easing={true}
percent={90}
barStyle={{ height: 3 }}
/>
API
Props
Name | Type | Required | Default | Description |
---|---|---|---|---|
style | ViewStyle | false | null | 样式 |
barStyle | ViewStyle | false | null | 进度动条的样式,可以通过设置 backgroundColor 来改变动条的颜色 |
percent | number | false | 0 | 进度条长度百分比 |
easing | boolean | false | true | 是否启用动画效果 |
duration | number | false | 300 | 进度条运动时间 |