最新公告
  • 欢迎您光临码农资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!加入我们
  • 如何在ReactNative中显示进度条?

    progressbar 是一种告诉用户内容将在某个时候可用的方式。当您向服务器提交内容并等待服务器响应时,最好使用它。

    要使用进度条组件,请使用 npm 安装react-native-paper 模块。

    安装react-native-paper的命令是 –

    npm install --save-dev react-native-paper

    进度条的基本组成如下-

    <ProgressBar progress={progress_number} color="progresscolorbar" />

    要使用进度栏,您需要从react-native-paper导入它,如下所示 –

    import { ProgressBar} from 'react-native-paper';

    以下是 ProgressBar 上可用的一些重要属性 –

    Sr.否 道具与说明
    1 进度

    取值范围为 0 到 10。要在进度条内显示的数值。

    2 颜色

    进度条的颜色。

    3 可见

    值为 true/false。它有助于显示/隐藏进度条。

    4 style

    应用于进度条的样式。

    示例:显示进度条

    显示进度条非常简单。只需先从react-native-paper导入它即可。

    import { ProgressBar} from 'react-native-paper';

    显示进度条代码如下 –

    <ProgressBar style={{ marginTop:200}} progress={0.5} color="#00BCD4" />

    默认值为 0.5,并且会递增到 10。

    import * as React from 'react';
    import { ProgressBar} from 'react-native-paper';
    const MyComponent = () => (
       <ProgressBar style={{ marginTop:200}} progress={0.5} color="#00BCD4" />
    );
    export default MyComponent;

    输出

    如何在ReactNative中显示进度条?

    想要了解更多内容,请持续关注码农资源网,一起探索发现编程世界的无限可能!
    本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
    如有侵权请发送邮件至1943759704@qq.com删除

    码农资源网 » 如何在ReactNative中显示进度条?
    • 5会员总数(位)
    • 22375资源总数(个)
    • 770本周发布(个)
    • 77 今日发布(个)
    • 176稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情