React Native进度条

最新推荐文章于 2024-09-14 07:26:32 发布

原创最新推荐文章于 2024-09-14 07:26:32 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react

react-native 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在React Native中创建进度条，包括在Android和iOS平台上的实现，并详细讲解了进度条的关键属性，如当前进度值和进度条样式。

React Native进度条

Android ProgressBarAndroid
ios ProgressViewIOS

减读条属性:
1. progress当前的进度值(0~1之间)
2. styleAttr进度条样式 Horizontal Small Large Inverse SmallInverse
LargeInverse

<ProgressBarAndroid styleAttr="Horizontal" />
<ProgressBarAndroid styleAttr="Small" />
<ProgressBarAndroid styleAttr="Large" />
<ProgressBarAndroid styleAttr="Inverse" />
<ProgressBarAndroid styleAttr="SmallInverse" />
<ProgressBarAndroid styleAttr="LargeInverse" />