Next Planet of Monkeys

    react-native-progress-cus

    1.0.0 • Public • Published

    react-native-progress-cus

    基于react-native-progress@3.4.0进行修改的,基本遵循其属性和方法设定,主要修改一些方法和渲染逻辑

    安装

    npm i --save react-native-progress-cus

    修改react-native-progress的内容

    1.修改渲染逻辑
    2.修改了Circle的formatText 使其可以传入自定义UI
    3.增加属性isCenterDefaultUI:是否使用formatText的默认ui,默认是使用 true;否则false,自定义formatText的UI

    使用isCenterDefaultUI和formatText (其他属性及使用方法,请查看react-native-progress@3.4.0)

    import {
        Circle
    } from 'react-native-progress-cus';
     
    <Circle size={this.getProgressSize()} // 圆的直径
            style={styles.circleStyle}
            progress={progress||0}
            unfilledColor={unfilledColor} // 剩余进度的颜色
            color={color}
            thickness={this.getThickness()} // 内圆厚度
            showsText={true}
            isCenterDefaultUI={false}
            formatText={this.renderItem}/>)

    我的博客

    Install

    npm i react-native-progress-cus

    DownloadsWeekly Downloads

    3

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    30.9 kB

    Total Files

    12

    Last publish

    Collaborators

    • yehun