a project for learning all Flutter Widgets , sync from flutter.dev the officia website.

Overview

Flutter Widgets Catalog

(WIP)

计划

1、使用Flutter开发一个全平台的Flutter Widgets Catalog APP,并且开源。在这个APP中可以通过图形化的方式查看所有Widgets的介绍,示例,视频教程。

2、所有文档内容由前一天从flutter.dev官网爬取,保持和官网同步。

3、每一个Widget都录制一个视频教程。

关注进展

使用说明

  1. 安装好Flutter环境,查看教程
  2. clone本项目到本地
    1. cd FlutterWigetsCatalog/app
    2. flutter create .
    3. flutter run
  3. 要运行nodejs爬虫,你需要npm install一下

Widgets列表 (共173个)

视频教程地址:https://www.bilibili.com/video/BV1rz4y117D6/

代码示例 官方视频 示例视频 Widget名称
AbsorbPointer
AlertDialog
Align
AnimatedAlign
AnimatedBuilder
AnimatedContainer
AnimatedCrossFade
AnimatedDefaultTextStyle
AnimatedListState
AnimatedModalBarrier
AnimatedOpacity
AnimatedPhysicalModel
AnimatedPositioned
AnimatedSize
AnimatedWidget
AnimatedWidgetBaseState
Appbar
AspectRatio
AssetBundle
Autocomplete
BackdropFilter
Baseline
BottomNavigationBar
BottomSheet
Card
Center
Checkbox
Chip
CircularProgressIndicator
ClipOval
ClipPath
ClipRect
Column
ConstrainedBox
Container
CupertinoActionSheet
CupertinoActivityIndicator
CupertinoAlertDialog
CupertinoButton
CupertinoContextMenu
CupertinoDatePicker
CupertinoDialog
CupertinoDialogAction
CupertinoFullscreenDialogTransition
CupertinoNavigationBar
CupertinoPageScaffold
CupertinoPageTransition
CupertinoPicker
CupertinoPopupSurface
CupertinoScrollbar
CupertinoSearchTextField
CupertinoSegmentedControl
CupertinoSlider
CupertinoSlidingSegmentedControl
CupertinoSliverNavigationBar
CupertinoSwitch
CupertinoTabBar
CupertinoTabScaffold
CupertinoTabView
CupertinoTextField
CupertinoTimerPicker
CustomMultiChildLayout
CustomPaint
CustomScrollView
CustomSingleChildLayout
DataTable
Date & Time Pickers
DecoratedBox
DecoratedBoxTransition
DefaultTextStyle
Dismissible
Divider
DragTarget
Draggable
DraggableScrollableSheet
Drawer
DropdownButton
ElevatedButton
ExcludeSemantics
Expanded
ExpansionPanel
FadeTransition
FittedBox
FloatingActionButton
Flow
FlutterLogo
Form
FormField
FractionalTranslation
FractionallySizedBox
FutureBuilder
GestureDetector
GridView
Hero
Icon
IconButton
IgnorePointer
Image
IndexedStack
InteractiveViewer
IntrinsicHeight
IntrinsicWidth
LayoutBuilder
LimitedBox
LinearProgressIndicator
ListBody
ListTile
ListView
LongPressDraggable
MaterialApp
MediaQuery
MergeSemantics
Navigator
NestedScrollView
NotificationListener
Offstage
Opacity
OutlinedButton
OverflowBox
Padding
PageView
Placeholder
PopupMenuButton
PositionedTransition
Radio
RawImage
RawKeyboardListener
RefreshIndicator
ReorderableListView
RichText
RotatedBox
RotationTransition
Row
Scaffold
ScaleTransition
ScrollConfiguration
Scrollable
Scrollbar
Semantics
SimpleDialog
SingleChildScrollView
SizeTransition
SizedBox
SizedOverflowBox
SlideTransition
Slider
SliverAppBar
SliverChildBuilderDelegate
SliverChildListDelegate
SliverFixedExtentList
SliverGrid
SliverList
SliverPadding
SliverPersistentHeader
SliverToBoxAdapter
SnackBar
Stack
Stepper
StreamBuilder
Switch
TabBar
TabBarView
TabController
TabPageSelector
Table
Text
TextButton
TextField
Theme
Tooltip
Transform
WidgetsApp
Wrap

关注我,一起学习Flutter吧

You might also like...

Winner (2nd Place) of the all-India UIDAI Hackathon 2021. The project contains a Verifier and a Resident application built to authenticate users through Aadhaar API's

Winner (2nd Place) of the all-India UIDAI Hackathon 2021. The project contains a Verifier and a Resident application built to authenticate users through Aadhaar API's

Second Place Winner for the UIDAI Hackathon 2021 by Team 202 ACCEPTED Theme 2 : Problem Statement 4 100% Authentication success in Rural India Importa

Dec 30, 2022

Simple student record manager app for learning flutter basics

Simple Student Record Manager Simple student record manager app for learning flutter basics integrated with Django REST API (refer Generic-Student-API

Oct 31, 2022

Beginner level chat app I built while learning Flutter

Beginner level chat app I built while learning Flutter

Chat App Chat with your friends, family, and anyone else you want to chat with! Live Coding Video on YouTube (Part 1) Live Coding Video on YouTube (Pa

Aug 4, 2021

Sample app for Fullscale Learning - Flutter

notes_sample A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Dec 23, 2021

Gas station flutter - Mobile app created for learning purpose simulating a gas station prices comparizon

Gas station flutter - Mobile app created for learning purpose simulating a gas station prices comparizon

gas_station A new Flutter project. Getting Started This project is a starting po

Jan 25, 2022

An application of learning outcomes from the Mastering Flutter 2.0 class: Building Travel and Aircraft Applications Buildwithangga

An application of learning outcomes from the Mastering Flutter 2.0 class: Building Travel and Aircraft Applications Buildwithangga

An application of learning outcomes from the Mastering Flutter 2.0 class: Building Travel and Aircraft Applications Buildwithangga

Aug 29, 2022

Learning verbs from 22 countries

Learning verbs from 22 countries

Learnbot app project The Learning verbs app about 22 countries This app use Laravel as Backend and Flutter as Mobile development. Getting Started You

Aug 30, 2021

Learning verbs app

leanrbot A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

May 18, 2021

App for Shop Management and State Management Learning

App for Shop Management and State Management Learning

🌟 E-Commerce 🌟 App for Shop Management and State Management Learning 🌐 Links 🌐 📂 Repo · 🚀 Got Issue 🚀 Features Authentication System Using Fire

Jul 19, 2022
Owner
ezshine
developer + designer
ezshine
An flutter package to use DevIcons https://devicon.dev/

dev_icons This flutter package allows you to use all the Dev Icons. You can view the icons catalog on devicon.dev Installation In the dependencies: se

Festus Olusegun 22 Oct 9, 2022
Materiale per il corso PON Programmazione Creativa dell'ITET Marsala - Modulo Mobile Dev

modulomobiledev-ponprogrammazionecreativa-itet Materiale a supporto delle lezioni del modulo Mobile Dev per il corso PON Programmazione Creativa degli

Enrico La Sala 3 Nov 8, 2021
Tooling and libraries for processing dart test output into dev-friendly formats

better_test_reporter Introduction This is an application/library heavily inspired by dart-junitreport and dart-testreport. It takes what was done in t

Betterment 6 Sep 14, 2022
A remote app built using Flutter that creates the users of the specific wordpress website.

wp_users A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

dev_allauddin 3 Feb 3, 2022
Chatty - A Slicing UI Practice Chat UI Apps (Chatty). From pixels BWA website

chatty A Slicing UI Practice Chat UI Apps (Chatty). From pixels BWA website. ??

Latoe 14 Dec 7, 2022
Drishti is an open-source cross-platform mobile application project at Incubate Nepal that incorporates Machine Learning and Artificial Intelligence

Drishti is an open-source cross-platform mobile application project at Incubate Nepal that incorporates Machine Learning and Artificial Intelligence to help visually impaired people recognize different currency bills and perform daily cash transactions more effectively. We plan to expand Drishti to other applications like Short Text and Document Reading in the future.

Drishti Nepal 23 Oct 8, 2022
A Flutter project that list all the repositories of any specific user

github_user_repos A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

null 0 Dec 21, 2021
This is the graduation project and it's all about a mobile app to organize events.

eventy A new Flutter project. This is the Graduation Project i work with my team @aboonasser & @Tameem99 Getting Started This project is a starting po

mohammad alfayez 2 Dec 15, 2021
The Quack Project on every Emory student phone, organizing the calendars of users & eliminating all frustrations with on-campus dining.

Bestagons Micro-Charter Code Name: Quack Mission Statement: Bestagons are a 6-person team dedicated to developing the experience and skills necessary

null 4 Dec 20, 2021