Awesome
Flutter Samples
You can follow me on twitter @diegoveloper
<a href='https://www.buymeacoffee.com/diegoveloper' target="_blank" rel="noopener noreferrer"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png"/></a>
Getting Started
To build and run this project:
- Get Flutter here if you don't already have it
- Clone this repository.
cd
into the repo folder.
- run
flutter run-android
or flutter run-ios
to build the app.
(Please note that a Mac with XCode is required to build for iOS)
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Logo_of_YouTube_%282015-2017%29.svg/502px-Logo_of_YouTube_%282015-2017%29.svg.png' width="250">
![IMAGE ALT TEXT](http://img.youtube.com/vi/bYqeGigTsBw/0.jpg)
FLUTTER SAMPLES
Hello Flutter | Splash screen in Flutter |
---|
<img src="https://cdn-images-1.medium.com/max/1600/1*Px0kTaFj9fnY2VJdrWGJgA.gif" width="250"> | <img src="https://cdn-images-1.medium.com/max/1600/1*GfM4eb_y_rM6BaAgDYBWZA.gif" width="250"> |
Communication between widgets | Animations / Foldable Page |
---|
<img src="https://cdn-images-1.medium.com/max/1600/1*kIZJa1_i0OcsqymMxk04zA.gif" width="250"> | <center> <img src="https://media.giphy.com/media/e5Xc8eQQCwyF5AoG7U/giphy.gif" width="250"> </center> |
Animations / List-Detail | Animations / Circular List/ |
---|
<center> <img src="https://media.giphy.com/media/YrquS6qE7hXmAD82Bf/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/iNwDIyUWQ9tDo10tJ6/giphy.gif" width="250"> </center> |
App Clone / Twitter Profile Clone | Custom AppBar & SliverAppBar |
---|
<center> <img src="https://media.giphy.com/media/JH0WO8BWjl6rxwcols/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/jRwXjfQDEnnMLbrVL1/giphy.gif" width="250"> </center> |
Animations / Split Widgets | Animations / Custom Sliver Header |
---|
<center> <img src="https://media.giphy.com/media/fWqRy75Zg5lEtP5qkc/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/JOXClC3XFwHosWAVqX/giphy.gif" width="250"> </center> |
Menu Navigations / Header Navigation | Animations / Turn on the light |
---|
<center> <img src="https://media.giphy.com/media/f5SP7mJnO4x9mK4CSv/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/VgSfLeabru2qTerOrp/giphy.gif" width="250"> </center> |
Animations / Hide my widgets | Animations / Menu Exploration |
---|
<center> <img src="https://media.giphy.com/media/h4x6fHw65l3KdnDrTi/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/Y07CGmYvcNyl9rkgbY/giphy.gif" width="250"> |
</center>
App Clone / Photo Concept | App Clone / Movies Concept |
---|
<center> <img src="https://media.giphy.com/media/XybRawN2vj4YV3fhul/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/UuNiEk20TKjn4F4H7a/giphy.gif" width="250"> |
</center>
App Clone / Sports Store | App Clone / Shoes Store |
---|
<center> <img src="https://media.giphy.com/media/RJn8BMmOzfaW101iS2/giphy.gif" width="250"> </center> | <center> <img src="https://media.giphy.com/media/MeP49gjvFbUDShkzJM/giphy.gif" width="250"> |
</center>
App Clone / Album Flow | App Clone / Credit Cards Concept |
---|
<center> <img src="https://media.giphy.com/media/emGlZPMbFpkNDrFuO7/giphy.gif" width="250"/> </center> | <center> <img src="https://media.giphy.com/media/UrsStRAMXOT93wwyP2/giphy.gif" width="250"/> </center> |
Animations / Shrink Top List | Animations / Neon Button |
---|
<center> <img src="https://media.giphy.com/media/XFproCCYQ9eDR416g1/giphy.gif" width="250"/> </center> | <center><img src="https://media.giphy.com/media/L1W2zwjOZAbVadQU56/giphy.gif" width="250"/> </center> |