中文版 | English

What is Flutter-Notebook

🧐Flutter notebook is a collection of flutter demos，It can help you quickly learn some piecemeal knowledge.

😉This project will be updated from time to time. If you find this project useful, Please recommend to more people

🤩Most of the projects are designed to provide some solutions to the problem in flutter. If you have a better implementation or a good idea, please submit a pull request!

How to download a single item

Copy and paste the URL under a single item into the following one, the download file will be automatically generated.

DownGit

Currently contains the following demo

Native component series

UI

• bottom navigation with BottomNavigationBar
• bottom navigation with BottomAppBar
• custom route transition
• Sliver widget
• Gaussian blur
• Switch page save status
• beautiful material search bar
• using focusNode and Actions in TextField
• warp demo
• chip series
• expansion series
• overlay new widget on screen
• Cutting images using Bezier curves
• A list whose items the user can interactively reorder by dragging

Function

• returning to the previous page to pop up the dialog
• splash screen
• pull up load, pull down refresh
• automatic serialization and deserialization with json data
• swipe to dismiss
• ios gesture——swipe right to return to the previous page
• screen capture
• tools tip widget
• draggable widget
• remove the ripple effect of the click event
• pass event between pages——EventBus
• custom navigator

Animation

• basic animations
• amazing hero animation
• AnimatedContainer widget
• AnimatedCrossFade widget
• ripple route transition animation

Excellent Flutter Pub Librarys

• google charts📈
• hybrid stack management framework from alibaba——flutter boost
• More elegant hybrid stack management framework from hellobike——thrio
• Flutter wrapper around the Agora RTC SDKs for Android and iOS
• application introduction page——slider
• application introduction page——intro_view
• select multiple images from a local album
• url_launcher
• picture gestures zoom in and out
• progress indicator animation——Spinkit

State Management

• Scoped_Model
• Redux
• BLoC
• BLoC Provider
• Google-Provide
• fish-redux
• Provider

Others

• flutter-widget-livebook
• Awesome Flutter Packages
• flutter common widgets app create by alibaba
• flutter widget of the week
• GDD2018 latest Flutter preview2 widget experience
• Flutter Challenge
• a beautiful flutter component library
• Flutter application collection
• More than 100 pages in this beautiful app
• HistoryOfEverything ———— a flutter app was shown on flutter live 2018

Book

• Flutter in Action

Common Problems

• When to Use Keys - Flutter Widgets 101 Ep. 4
• What is BuildContext

My Blog

https://juejin.im/user/5b5d45f4e51d453526175c06/posts

Example