{"id":18339870,"url":"https://github.com/rnkit/react-native-progressbar","last_synced_at":"2025-04-09T20:38:52.866Z","repository":{"id":57339243,"uuid":"88836627","full_name":"rnkit/react-native-progressbar","owner":"rnkit","description":null,"archived":false,"fork":false,"pushed_at":"2017-05-02T09:35:22.000Z","size":844,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-04-25T15:44:33.150Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rnkit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-20T07:52:28.000Z","updated_at":"2018-08-17T05:12:04.000Z","dependencies_parsed_at":"2022-09-01T20:12:22.438Z","dependency_job_id":null,"html_url":"https://github.com/rnkit/react-native-progressbar","commit_stats":null,"previous_names":["wish570225463/react-native-progressbar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnkit%2Freact-native-progressbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnkit%2Freact-native-progressbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnkit%2Freact-native-progressbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rnkit%2Freact-native-progressbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rnkit","download_url":"https://codeload.github.com/rnkit/react-native-progressbar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248109286,"owners_count":21049281,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T20:19:40.438Z","updated_at":"2025-04-09T20:38:52.843Z","avatar_url":"https://github.com/rnkit.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![npm][npm-badge]][npm]\n [![react-native][rn-badge]][rn]\n [![MIT][license-badge]][license]\n [![bitHound Score][bithound-badge]][bithound]\n [![Downloads](https://img.shields.io/npm/dm/rnkit-input.svg)](https://www.npmjs.com/package/rnkit-input)\n \n ProgressBae for [React Native][rn].\n \n [**Support me with a Follow**](https://github.com/wish570225463/followers)\n \n \n ![](https://github.com/wish570225463/react-native-progressbar/blob/master/image/ios.gif?raw=true)\n \n [npm-badge]: https://img.shields.io/npm/v/rnkit-input.svg\n [npm]: https://www.npmjs.com/package/rnkit-input\n [rn-badge]: https://img.shields.io/badge/react--native-v0.28-05A5D1.svg\n [rn]: https://facebook.github.io/react-native\n [license-badge]: https://img.shields.io/dub/l/vibe-d.svg\n [license]: https://raw.githubusercontent.com/rnkit/rnkit-input/master/LICENSE\n [bithound-badge]: https://www.bithound.io/github/rnkit/rnkit-input/badges/score.svg\n [bithound]: https://www.bithound.io/github/rnkit/rnkit-input\n\n## Getting Started\n \n### iOS and Android\n \n * ####npm\n \n `npm install react-native-progressbar`\n \n * ####yarn\n\n `yarn add react-native-progressbar`\n \n ## Basic Usage\n \n Import library\n \n ```\n import Progress from 'react-native-progressbar';\n ```\n ```jsx\n this.refs.progress.show();\t//显示进度条。\n \n this.refs.progress.changeProgress(per);\t//改变进度条进度。per:当前进度所占百分比\n \n this.refs.progress.finish();\t//进度条完成，并隐藏。\n \n render() {\n\t    return (\n\t        \u003cProgress ref={'progress'} title={'正在下载'} onFinish={() =\u003e {console.log('完成')}}/\u003e\n\t    );\n  }\n \n ```\n \n #### Params\n \n | Key | Type | Default | Description |\n | --- | --- | --- | --- |\n | title | string | '进度' |提示文字。|\n | onFinish | function |  |进度条完成之后的回调|\n  \n ## Contribution\n \n - [@wish5702254693](mailto:5702254693@qq.com) The main author.\n \n ## Questions\n \n Feel free to [contact me](mailto:5702254693@qq.com) or [create an issue](https://github.com/wish5702254693/react-native-progressbar/issues/new)\n \n \u003e made with ♥\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frnkit%2Freact-native-progressbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frnkit%2Freact-native-progressbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frnkit%2Freact-native-progressbar/lists"}