Skip to content

Commit

Permalink
Fix README errors
Browse files Browse the repository at this point in the history
  • Loading branch information
@jogboms
jogboms committed Nov 30, 2019
1 parent 6857bfc commit a31ac5c
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 76 deletions.
6 changes: 3 additions & 3 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ A collection of loading indicators animated with flutter. Heavily inspired by @t
- `controller` parameter [5873e7](https://github.com/jogboms/flutter_spinkit/commit/5873e75430aca52d2ec0c483dcd71a02438f3e8b). Closes [#51](https://github.com/jogboms/flutter_spinkit/issues/51)

```dart
SpinKitFadingCircle(
final spinkit = SpinKitFadingCircle(
color: Colors.white,
size: 50.0,
controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),
Expand All @@ -32,7 +32,7 @@ SpinKitFadingCircle(
### Before

```dart
SpinKitFadingCircle(
const spinkit = SpinKitFadingCircle(
color: Colors.white,
size: 50.0,
);
Expand All @@ -41,7 +41,7 @@ SpinKitFadingCircle(
### Now, there is an itemBuilder alternative

```dart
SpinKitFadingCircle(
final spinkit = SpinKitFadingCircle(
itemBuilder: (_, int index) {
return DecoratedBox(
decoration: BoxDecoration(
Expand Down
100 changes: 27 additions & 73 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,14 +20,14 @@ import 'package:flutter_spinkit/flutter_spinkit.dart';
## 🎮 How To Use

```dart
SpinKitRotatingCircle(
const spinkit = SpinKitRotatingCircle(
color: Colors.white,
size: 50.0,
);
```

```dart
SpinKitFadingCircle(
const spinkit = SpinKitFadingCircle(
itemBuilder: (_, int index) {
return DecoratedBox(
decoration: BoxDecoration(
Expand All @@ -41,7 +41,7 @@ SpinKitFadingCircle(
#### As from 4.0.0

```dart
SpinKitFadingCircle(
const spinkit = SpinKitFadingCircle(
color: Colors.white,
size: 50.0,
controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),
Expand All @@ -55,171 +55,125 @@ For more info, please, refer to the `showcase.dart` in the example.
<table>
<tr>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingPlane.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingPlane.gif" width="100px" height="100px">
<br />
RotatingPlane
<br />
✅
RotatingPlain
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/DoubleBounce.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/DoubleBounce.gif" width="100px" height="100px">
<br />
DoubleBounce
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Wave.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Wave.gif" width="100px" height="100px">
<br />
Wave
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/WanderingCubes.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/WanderingCubes.gif" width="100px" height="100px">
<br />
WanderingCubes
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingFour.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingFour.gif" width="100px" height="100px">
<br />
FadingFour
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingCube.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/FadingCube.gif" width="100px" height="100px">
<br />
FadingCube
<br />
✅
</td>
</tr>
<tr>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Pulse.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Pulse.gif" width="100px" height="100px">
<br />
Pulse
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ChasingDots.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ChasingDots.gif" width="100px" height="100px">
<br />
ChasingDots
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ThreeBounce.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/ThreeBounce.gif" width="100px" height="100px">
<br />
ThreeBounce
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Circle.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/Circle.gif" width="100px" height="100px">
<br />
Circle
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/CubeGrid.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/CubeGrid.gif" width="100px" height="100px">
<br />
CubeGrid
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FadingCircle.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FadingCircle.gif" width="100px" height="100px">
<br />
FadingCircle
<br />
✅
</td>
</tr>
<tr>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingCircle.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/RotatingCircle.gif" width="100px" height="100px">
<br />
RotatingCircle
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FoldingCube.gif" width="100px">
<img src="https://raw.githubusercontent.com/ybq/AndroidSpinKit/master/art/FoldingCube.gif" width="100px" height="100px">
<br />
FoldingCube
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/heart.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/heart.gif" width="100px" height="100px">
<br />
PumpingHeart
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/dual-ring.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/dual-ring.gif" width="100px" height="100px">
<br />
DualRing
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/hour-glass.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/hour-glass.gif" width="100px" height="100px">
<br />
HourGlass
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/PouringHourGlass.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/PouringHourGlass.gif" width="100px" height="100px">
<br />
PouringHourGlass
<br />
✅
</td>
</tr>
<tr>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/grid.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/grid.gif" width="100px" height="100px">
<br />
FadingGrid
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ring.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ring.gif" width="100px" height="100px">
<br />
Ring
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ripple.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/ripple.gif" width="100px" height="100px">
<br />
Ripple
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinning-circle.gif" width="100px">
<img src="https://raw.githubusercontent.com/jogboms/flutter_spinkit/master/screenshots/spinning-circle.gif" width="100px" height="100px">
<br />
SpinningCircle
<br />
✅
</td>
<td align="center">
<img src="https://raw.githubusercontent.com/abhishek0706/flutter_spinkit/square_circle/screenshots/square_circle.gif" width="100px">
<img src="https://raw.githubusercontent.com/abhishek0706/flutter_spinkit/square_circle/screenshots/square_circle.gif" width="100px" height="100px">
<br />
SquareCircle
<br />
✅
</td>
</tr>
</table>
Expand Down

0 comments on commit a31ac5c

Please sign in to comment.