React Native 组件,用于使用 ReactART 创建动画循环进度

时间:2024-06-28 10:10:45
【文件属性】:

文件名称:React Native 组件,用于使用 ReactART 创建动画循环进度

文件大小:3.2MB

文件格式:ZIP

更新时间:2024-06-28 10:10:45

React Native Awesome Components

react-native-circular-progress React Native 组件,用于创建动画循环进度。 例如,可用于显示用户积分。 示例应用程序安装 安装此组件和 react-native-svg: npm i --save react-native-circular-progress react-native-svg SVG 的原生代码链接: react-native link react-native-svg 用法 import { AnimatedCircularProgress }来自'react-native-circular-progress'; console.log('onAnimationComplete')} backgroundColor="#3d5875" /> 您还可以定义一个接收当前进度的函数,例如将其显示在圆圈内: {(填充)=>( { this.state.fill } ) } 您还可以定义一个函数,该函数将接收进度圈顶部的位置并呈现自定义 SVG 元素: /> 最后,您可以通过在组件上放置 ref 并调用 animate(toValue,


【文件预览】:
react-native-circular-progress-master
----.gitignore(388B)
----package.json(884B)
----package-lock.json(2KB)
----src()
--------CircularProgress.js(5KB)
--------AnimatedCircularProgress.js(2KB)
----example-app()
--------.gitignore(106B)
--------package.json(727B)
--------.watchmanconfig(3B)
--------assets()
--------tsconfig.json(227B)
--------babel.config.js(107B)
--------app.json(578B)
--------yarn.lock(245KB)
--------App.tsx(4KB)
----LICENSE(1KB)
----index.js(181B)
----README.md(6KB)
----screenshot.gif(3.21MB)
----.npmignore(324B)
----index.d.ts(5KB)

网友评论