flutter ui 开发者社区 提供各种flutter相关开发教程 与 demo
- Google推出Flutter跨平台解决方案,渐渐地受到了开发者们的关注,结合dart使用,能够用一套代码实现开发iOS与Android两套应用,同时也是谷歌的下一代操作系统 Fuchsia 的开发框架,未来还将可以直接编译成桌面应用。
- Flutter拥有丰富的组件库,多样化的主题与UI风格,让开发者更简单的上手完成界面交互,从而提高了开发效率。
- 此套组件库在几次没有硝烟的研讨中,命名为"Flutter UI",使命为"知识千万点,学习第一条。代码快点敲,bug无数行"。没错,就是这么不押韵。
欢迎有兴趣的小伙伴QQ扫描以上二维码参与进来,一同完善组件
同时也可以把相关问题通过issues方式与我们联系
开发者如何参与完善控件
- 自行完成flutter环境配置
- 通过 fork 项目master分支代码,进入项目
- 切换flutter到master分支,步骤如下(若已切换可跳过)
- flutter channel master // 选择master分支
- flutter upgrade // 更新代码
- 运行模拟器或真机
- flutter run //运行程序
- flutter build apk //生成apk
Flutter UI
├─assets 静态资源
├─docs 教程文件
├─locale 语言包
├─lib dart执行代码
├─components
├─config 配置文件
├─controller
├─lang 多语言控制类
├─page 路由关联页面
│ ├─component
│ └─mine
├─router 路由
├─store 数据管理
│ ├─models
│ └─objects
├─utils 项目工具类
└─widget 项目组件库
├─animate
│ ├─animatedbuilder 【✔️ v1.0】
│ ├─animatedcontainer
│ ├─animatedcrossfade
│ ├─animateddefaulttextstyle
│ ├─animatedliststate
│ ├─animatedmodalbarrier
│ ├─animatedopacity
│ ├─animatedphysicalmodel
│ ├─animatedpositioned
│ ├─animatedsize
│ ├─animatedwidget
│ ├─animatedwidgetbasestate
│ ├─animationcontroller
│ ├─decoratedboxtransition
│ ├─fadetransition
│ ├─hero
│ ├─positionedtransition
│ ├─rotationtransition
│ ├─scaletransition
│ ├─sizetransition
│ └─slidetransition
├─bulletbox
│ ├─alertdialog 【✔️ v1.0】
│ ├─bottomsheet 【✔️ v1.0】
│ ├─expansionPanel 【✔️ v1.0】
│ ├─simpledialog 【✔️ v1.0】
│ └─snackbar 【✔️ v1.0】
├─common
│ ├─assetbundle
│ ├─buttonbar
│ ├─chip
│ ├─container 【✔️ v1.0】
│ ├─divider 【✔️ v1.0】
│ ├─flatbutton 【✔️ v1.0】
│ ├─icon 【✔️ v1.0】
│ ├─iconbutton
│ ├─image
│ ├─listtile
│ ├─placeholder
│ ├─raisedbutton
│ ├─rawimage
│ ├─stepper
│ ├─text 【✔️ v1.0】
│ └─tooltip
├─form
│ ├─checkbox 【✔️ v1.0】
│ ├─checkboxlisttile 【✔️ v1.0】
│ ├─slider 【✔️ v1.0】
│ ├─switch 【✔️ v1.0】
│ ├─switchListTile 【✔️ v1.0】
│ ├─daypicker 【✔️ v1.0】
│ ├─radio 【✔️ v1.0】
│ ├─radioListTile 【✔️ v1.0】
│ ├─form
│ ├─formfield
│ ├─rawkeyboard
│ ├─textfield 【✔️ v1.0】
│ └─textinput
├─gestures
│ ├─absorbpointer
│ ├─dismissible
│ ├─dragtarget
│ ├─gesturedetector
│ ├─ignorepointer
│ └─longpressdraggable 【✔️ v1.0】
├─navigator
│ ├─appbar 【✔️ v1.0】
│ ├─bottomnavigationbar
│ ├─drawer 【✔️ v1.0】
│ ├─floatingactionbutton
│ ├─materialapp
│ ├─navigator
│ ├─popupmenubutton
│ ├─scaffold 【✔️ v1.0】
│ ├─tabbar
│ ├─tabbarview
│ └─widgetsapp
├─regular
│ ├─align 【✔️ v1.0】
│ ├─aspectratio 【✔️ v1.0】
│ ├─center 【✔️ v1.0】
│ ├─column 【✔️ v1.0】
│ ├─constrainedbox 【✔️ v1.0】
│ ├─container 【✔️ v1.0】
│ ├─fittedbox 【✔️ v1.0】
│ ├─flow 【✔️ v1.0】
│ ├─layoutbuilder 【✔️ v1.0】
│ ├─listbody 【✔️ v1.0】
│ ├─listview 【✔️ v1.0】
│ ├─padding 【✔️ v1.0】
│ ├─row 【✔️ v1.0】
│ ├─stack 【✔️ v1.0】
│ ├─table 【✔️ v1.0】
│ └─wrap 【✔️ v1.0】
├─scrollview
│ ├─customscrollview 【✔️ v1.0】
│ ├─gridview 【✔️ v1.0】
│ ├─listview 【✔️ v1.0】
│ ├─nestedscrollview 【✔️ v1.0】
│ ├─scrollable 【✔️ v1.0】
│ ├─scrollbar 【✔️ v1.0】
│ ├─scrollcontroller 【✔️ v1.0】
│ └─singlechildscrollview 【✔️ v1.0】
└─vision
├─backdropfilter
├─clipoval
├─clippath
├─cliprect
├─custompaint
├─decoratedbox
├─fractionaltranslation
├─mediaquery
├─opacity
├─rotatedbox
├─theme
└─transform