Skip to content

Remove redundancy #562

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ombuweb wants to merge 9 commits into
base: main
Choose a base branch
from
+161 −33
Open

Remove redundancy #562

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
36bc722
chore: update
Ombuweb Dec 29, 2022
39ecb55
feat(animated-cirlcle): README Added Svelte code snippet
Ombuweb Jan 26, 2023
e6458c0
feat: demo gif
Ombuweb Jan 26, 2023
039ca1c
fix: remove unncessary files
Ombuweb Jan 26, 2023
f8de48d
fix: errors
Ombuweb Jan 27, 2023
48264fd
chore: update
Ombuweb Feb 10, 2023
271fbfb
chore: update
Ombuweb Feb 11, 2023
f3910a1
Merge branch 'main' into docs/readme
NathanWalker Feb 12, 2023
d6bac65
Remove redundancy
Ombuweb Jan 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix: errors
  • Loading branch information
@Ombuweb
Ombuweb committed Jan 27, 2023
commit f8de48df3b394e5e41835686a28e01172d579ab3
14 changes: 8 additions & 6 deletions packages/animated-circle/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ A plugin that creates an animated circle (animates the border of the circle) on
| ![Android animated circle demo video](/packages/animated-circle/images/animated-circle-android.gif) | ![iOS animated circle demo video](/packages/animated-circle/images/animated-circle-ios.gif)
|:--------|:---------
| `Android` | `iOS`

## Installation

```cli
Expand All @@ -28,8 +29,8 @@ npm install @nativescript/animated-circle
fillColor="#eee"
clockwise="true"
rimWidth="5"
progress="80"
text="bam"
progress="{{ circleProgress }}"
text="{{ circleProgress + '%'}}"
textSize="28"
textColor="red" />
</Page>
Expand All @@ -55,8 +56,8 @@ registerElement("AnimatedCircle", ()=> require("@nativescript/animated-circle").
fillColor="#eee"
clockwise="true"
rimWidth="5"
progress="80"
text="bam"
:progress="progress"
:text="progress + '%'"
textSize="28"
textColor="red" />
```
Expand All @@ -71,8 +72,9 @@ imports: [NativeScriptAnimatedCircleModule];
```

```xml
<AnimatedCircle backgroundColor="transparent" width="200" height="200" animated="true" animateFrom="0" rimColor="#fff000" barColor="#ff4081" rimWidth="25" progress="{{ circleProgress }}" text="" textSize="22" textColor="#336699"></AnimatedCircle>
<AnimatedCircle backgroundColor="transparent" width="200" height="200" animated="true" animateFrom="0" rimColor="#fff000" barColor="#ff4081" rimWidth="25" [progress]="circleProgress" [text]="progress + '%'" textSize="22" textColor="#336699"></AnimatedCircle>
```

---
### Svelte
Register the plugin in the `app.ts` file and then use it in markup as follows:
Expand All @@ -93,7 +95,7 @@ registerNativeViewElement("animatedCircle", ()=> require("@nativescript/animated
barColor="#000"
clockwise="true"
rimWidth="20"
progress="50"
progress={ circleProgress }
text="80%"
textSize="28"
textColor="red"
Expand Down