{"id":14976994,"url":"https://github.com/greybax/cordova-plugin-native-spinner","last_synced_at":"2025-10-02T10:30:51.276Z","repository":{"id":19890441,"uuid":"88107124","full_name":"greybax/cordova-plugin-native-spinner","owner":"greybax","description":":arrows_counterclockwise: Cordova plugin for showing a native spinner based on Paldom/SpinnerDialog","archived":false,"fork":true,"pushed_at":"2022-08-10T19:32:40.000Z","size":112,"stargazers_count":32,"open_issues_count":3,"forks_count":18,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-01-10T08:33:31.936Z","etag":null,"topics":["android","cordova","cordova-android","cordova-android-plugin","cordova-ios","cordova-ios-plugin","cordova-plugin","ios","native","phonegap","phonegap-plugin","spinner","spinner-components","spinner-icon","windows","windows-10","windows-phone","windows10","windowsphone","wp"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"ravi013/cordova-plugin-spinnerdialog","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/greybax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-13T00:04:13.000Z","updated_at":"2023-12-22T09:18:40.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/greybax/cordova-plugin-native-spinner","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fcordova-plugin-native-spinner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fcordova-plugin-native-spinner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fcordova-plugin-native-spinner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fcordova-plugin-native-spinner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/greybax","download_url":"https://codeload.github.com/greybax/cordova-plugin-native-spinner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234974701,"owners_count":18916128,"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":["android","cordova","cordova-android","cordova-android-plugin","cordova-ios","cordova-ios-plugin","cordova-plugin","ios","native","phonegap","phonegap-plugin","spinner","spinner-components","spinner-icon","windows","windows-10","windows-phone","windows10","windowsphone","wp"],"created_at":"2024-09-24T13:54:48.815Z","updated_at":"2025-10-02T10:30:46.018Z","avatar_url":"https://github.com/greybax.png","language":"JavaScript","funding_links":[],"categories":["Index"],"sub_categories":[],"readme":"# cordova-plugin-native-spinner\n\n[![NPM version][npm-image]][npm-url] [![NPM downloads](https://img.shields.io/npm/dm/cordova-plugin-native-spinner.svg)](https://www.npmjs.com/package/cordova-plugin-native-spinner) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/greybax/cordova-plugin-native-spinner) ![GitHub top language](https://img.shields.io/github/languages/top/greybax/cordova-plugin-native-spinner) ![License](https://img.shields.io/github/license/greybax/cordova-plugin-native-spinner)\n\n\u003e Cordova plugin for showing a native spinner based on Paldom/SpinnerDialog\n\nNPM Package: [cordova-plugin-native-spinner](https://www.npmjs.com/package/cordova-plugin-native-spinner)\n\n:fire: **This Plugin** is officially using in [ionic-native](https://ionicframework.com/docs/native/spinner-dialog/) :fire:\n\n## Platforms\n| \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Android_robot_head.svg/121px-Android_robot_head.svg.png\" width=\"48px\" height=\"27px\" alt=\"Android logo\"\u003e | \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/80px-Apple_logo_black.svg.png\" width=\"39px\" height=\"48px\" alt=\"iOS logo\"\u003e | \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Windows_logo_-_2012.svg/2000px-Windows_logo_-_2012.svg.png\" width=\"48px\" height=\"48px\" alt=\"Windows logo\"\u003e | \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Windows_logo_-_2012.svg/2000px-Windows_logo_-_2012.svg.png\" width=\"48px\" height=\"48px\" alt=\"Windows logo\"\u003e | \u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Internet_Explorer_10%2B11_logo.svg/65px-Internet_Explorer_10%2B11_logo.svg.png\" width=\"48px\" height=\"48px\" alt=\"iOS logo\"\u003e\n|:---:|:---:|:---:|:---:|:---:|\n| 4.1+ ✔ | 10+ ✔ | WP 8.1+ ✔ | 10+ ✔ | Browser ✔ |\n\n## Installation\n\n**Latest stable release**: \n\n* PhoneGap - `phonegap local plugin add cordova-plugin-spinner-dialog`\n* Cordova - `cordova plugin add cordova-plugin-spinner-dialog`\n\n**Current state from git**:\n\n* PhoneGap - `phonegap local plugin add https://github.com/greybax/cordova-plugin-native-spinner`\n* Cordova - `cordova plugin add https://github.com/greybax/cordova-plugin-native-spinner`\n```\ncordova plugin add cordova-plugin-native-spinner\ncordova prepare\n```\n\n## Includes PR's improvements from Paldom/SpinnerDialog:\n\n* [InAppBrowser Compatibility](https://github.com/Paldom/SpinnerDialog/pull/34)\n* [Change loading text if we call show function and loading dialog exists](https://github.com/Paldom/SpinnerDialog/pull/23)\n* and **tons fixes** from here https://github.com/Paldom/SpinnerDialog/issues ...\n\n## Methods\n\n- `SpinnerDialog.show`\n- `SpinnerDialog.hide`\n\n#### SpinnerDialog.show\n\n    SpinnerDialog.show([title], [message], [cancelCallback])\n\n- __title__: Spinner title (Android only). Optional. _(String)_\n- __message__: Spinner message. Optional. _(String)_\n- __cancelCallback__: Callback to invoke when spinner cancel event fired (tap or Android hardware back button event). If set, spinner dialog will be fixed, you should explicitly call `SpinnerDialog.hide`. Due to legacy reasons you can provide boolean value (true/false) to set spinner not cancelable. Optional, defaults to `false`. _(Function/Boolean)_\n\n#### SpinnerDialog.hide\n\n    SpinnerDialog.hide([wpStatusbar]);\n\n- __wpStatusbar__: Indicates whether to keep the status bar visible. (Windows 10 Mobile only). If set to `true`, only the spinner will be hidden, the status bar will remain visible if it was already visible. Optional, defaults to `false`. _(Boolean)_\n\n## Usage\n\n```javascript\n// Show spinner dialog\nSpinnerDialog.show();\n\n// Show spinner dialog with message\n// Note: spinner dialog is cancelable by default\nSpinnerDialog.show(null, \"message\");\n\n// Set spinner dialog fixed\nSpinnerDialog.show(null, null, true);\n\n// Set spinner dialog fixed with callback\n// Note: callback fires on tap events and Android hardware back button click event\nSpinnerDialog.show(null, null, function () {console.log(\"callback\");});\n\n// Show spinner dialog with title and message (Android only)\nSpinnerDialog.show(\"title\", \"message\");\n\n// Set spinner dialog fixed (cannot be canceled with screen touch or Android hardware button)\nSpinnerDialog.show(\"title\", \"message\", true);\n\n// Overlay opacity and text color options (IOS only)\nSpinnerDialog.show(null,\"Message\",true, {overlayOpacity: 0.35,  textColorRed: 1, textColorGreen: 1, textColorBlue: 1}); \n\n// Change only overlay opacity (IOS only)\nSpinnerDialog.show(null,\"Message\",true,{overlayOpacity:0.70});\n\n// Change only text color (IOS only)\nSpinnerDialog.show(null,\"message\",true, { textColorRed: 0.1, textColorGreen: 0.1, textColorBlue: 1});\n\n// Hide spinner dialog\nSpinnerDialog.hide();\n```\n\n## Quirks\n\n* Cordova 5.0 or higher is required for Windows 10 support.\n* Windows 10 Mobile or Windows Phone 8.1 is required as desktop doesn't support StatusBar.\n\n## Screenshots\n\n### Android\n\n\u003cimg src=\"https://github.com/andreszs/cordova-plugin-demos/blob/main/com.andreszs.spinner.demo/screenshots/android/spinner-2.png?raw=true\" width=\"240\" /\u003e\n\n### Browser\n\n\u003cimg src=\"https://github.com/andreszs/cordova-plugin-demos/blob/main/com.andreszs.spinner.demo/screenshots/browser/spinner-2.png?raw=true\" width=\"240\" /\u003e\n\n## Plugin demo app\n\nDemo app source code to test the plugin is available at the [cordova-plugin-demos repository](https://github.com/andreszs/cordova-plugin-demos/tree/main/com.andreszs.spinner.demo \"cordova-plugin-demos repository\") by Andrés Zsögön.\n\n## Post in my blog\n\nhttps://alfilatov.com/posts/cordova-plugin-native-spinner/\n\n## License\nSee \"LICENSE\".\nBased on https://github.com/Paldom/SpinnerDialog with lots of awesome improvements! :star: :tada: :rocket: :star:\n\n[npm-url]: https://npmjs.org/package/cordova-plugin-native-spinner\n[npm-image]: https://img.shields.io/npm/v/cordova-plugin-native-spinner.svg\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreybax%2Fcordova-plugin-native-spinner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgreybax%2Fcordova-plugin-native-spinner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreybax%2Fcordova-plugin-native-spinner/lists"}