Skip to content

Commit be00d4e

Browse files
gonuitgonuit
committed
Update readme examples
1 parent ede238f commit be00d4e

File tree

7 files changed

+13
-13
lines changed

7 files changed

+13
-13
lines changed

‎README.md‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ A flutter package that allows you to easily create a custom refresh indicator wi
77
### **TLDR; [ONLINE DEMO](https://custom-refresh-indicator.klyta.it)**!
88

99
---
10+
1011
# QUICK START
1112

1213
```dart
@@ -54,17 +55,17 @@ CustomRefreshIndicator(
5455

5556
Almost all of these examples are available in the example application.
5657

57-
| Plane indicator [[SOURCE CODE](example/lib/indicators/plane_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/plane)] | Ice cream [[SOURCE CODE](example/lib/indicators/ice_cream_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/ice_cream)] |
58-
| :--------------------------------------------------------------------------: | :----------------------------------------------------------------------------------: |
59-
| ![plane_indicator](readme/plane_indicator.gif) | ![ice_cream_indicator](readme/ice_cream_indicator.gif) |
58+
| Plane indicator [[SOURCE](example/lib/indicators/plane_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/plane)] | Ice cream [[SOURCE](example/lib/indicators/ice_cream_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/ice-cream)] | Warp [[SOURCE](example/lib/indicators/warp_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/warp)] |
59+
| :-------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------: |
60+
| ![plane_indicator](readme/plane_indicator.gif) | ![ice_cream_indicator](readme/ice_cream_indicator.gif) | ![warp_indicator](readme/warp_indicator.gif) |
6061

61-
| Warp [[SOURCE CODE](example/lib/indicators/warp_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/warp)] | Envelope |
62-
| :------------------------------------------------------------------------: | :----------------------------------------------: |
63-
| ![warp_indicator](readme/warp_indicator.gif) | ![letter_indicator](readme/letter_indicator.gif) |
62+
| With complete state [[SOURCE](example/lib/indicators/check_mark_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/check-mark)] | Pull to fetch more [[SOURCE](example/lib/indicators/swipe_action.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/fetch-more)] | Envelope |
63+
| :---------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------: |
64+
| ![indicator_with_complete_state](readme/indicator_with_complete_state.gif) | ![fetch_more](readme/fetch_more.gif) | ![letter_indicator](readme/letter_indicator.gif) |
6465

65-
| With complete state [[SOURCE CODE](example/lib/indicators/check_mark_indicator.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/check-mark)] | Your indicator |
66-
| :---------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------: |
67-
| ![indicator_with_complete_state](readme/indicator_with_complete_state.gif) | Have you created a fancy refresh indicator? This place is for you. Open PR. |
66+
| Programmatically controlled [[SOURCE](example/lib/screens/programmatically_controlled_indicator_screen.dart)][[DEMO](https://custom-refresh-indicator.klyta.it/#/programmatically-controlled)] | Your indicator | Your indicator |
67+
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------: |
68+
| ![programmatically_controlled](readme/programmatically_controlled.gif) | Have you created a fancy refresh indicator? This place is for you. [Open PR](https://github.com/gonuit/flutter-custom-refresh-indicator/pulls). | Have you created a fancy refresh indicator? This place is for you. [Open PR](https://github.com/gonuit/flutter-custom-refresh-indicator/pulls). |
6869

6970
# Documentation
7071

@@ -76,8 +77,9 @@ The _CustomRefreshIndicator_ widget provides an absolute minimum functionality t
7677

7778
The _onStateChanged_ callback is called everytime _IndicatorState_ has been changed.
7879
This is a convenient place for tracking indicator state changes. For a reference take a look at the [example check mark indicator widget](example/lib/indicators/check_mark_indicator.dart).
79-
80+
8081
Example usage:
82+
8183
```dart
8284
CustomRefreshIndicator(
8385
onRefresh: onRefresh,
@@ -116,10 +118,8 @@ The best way to understand how the _CustomRefreshIndicator_ widget changes its c
116118
### Support
117119

118120
If you like this package, you have learned something from it, or you just don't know what to do with your money 😅 just buy me a cup of coffee ☕️ and this dose of caffeine will put a smile on my face which in turn will help me improve this package. Also as a thank you, you will be mentioned in this readme as a sponsor.
119-
121+
120122
<div align="center">
121123
<a href="https://www.buymeacoffee.com/kamilklyta" target="_blank"><img height="60px" width="217px" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
122124
</div>
123125
<p align="center">Have a nice day! 👋</p>
124-
125-

‎readme/fetch_more.gif‎

1.56 MB
Loading

‎readme/ice_cream_indicator.gif‎

-1.22 MB
Loading

‎readme/indicator_with_complete_state.gif‎

613 KB
Loading

‎readme/plane_indicator.gif‎

571 KB
Loading

‎readme/programmatically_controlled.gif‎

5.4 MB
Loading

‎readme/warp_indicator.gif‎

1.18 MB
Loading

0 commit comments

Comments
 (0)