注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序离不开文字的展示,因此文字的排版非常重要,通常情况下Text组件可以完成绝大多数需求,它可以显示不同大小的文字.字体.颜色等,如果想在一句话或者一段文字里面显示不同样式的文字,Text组件无法满足我们的需求,这个时候需要使用RichText. RichText( text: TextSpan( style: DefaultTextStyl…

[Flutter Widgets大全]是老孟耗费大量精力整理的,总共有330多个组件的详细用法,开源到Github上,希望可以帮助到大家,开源不易,点个赞可不可以. [Flutter Widgets 大全] 为 Flutter 老孟 网站项目,共收录 330 多个 Widgets,此电子书并不适合入门(一个一个组件学习),适合当作手册,需要的时候进行查阅. 为了方便对比学习,我将相近或相反功能的组件整理到一个文件中,比如所有的 Button 类组件.弹出类组件等. 如果想系统的学习入门知识,请到…

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 InkWell InkWell组件在用户点击时出现"水波纹"效果,InkWell简单用法: InkWell( onTap: (){}, child: Text('这是InkWell点击效果'), ) onTap是点击事件回调,如果不设置无法出现"水波纹"效果,效果如下: 设置水波纹颜色: InkWell( onTap: ()…

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 展示异步任务状态 当有一个Future(异步)任务需要展示给用户时,可以使用FutureBuilder控件来完成,比如向服务器发送数据成功时显示成功提示: var _future = Future.delayed(Duration(seconds: 3), () { return '老孟,一个有态度的程序员'; }); FutureBuilder( fut…

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 BottomNavigationBar 和 BottomNavigationBarItem配合Scaffold控件使用可以实现底部导航效果,类似于微信底部的导航效果,下面是一个简单的底部导航案例: Scaffold( bottomNavigationBar: BottomNavigationBar( items: <BottomNavigationBarI…

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 在展示大量数据的时候我们第一会想到使用ListView,如果你觉得ListView比较单一.枯燥,你可以使用ListWheelScrollView,ListWheelScrollView和ListView同源,但它的渲染效果类似于车轮(或者滚筒),它不是在平面上滑动,而是转动车轮,先来看一波效果: ListWheelScrollView的用法和L…

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序有时候需要弹出消息提示用户,比如'网络连接失败'.'下载成功'等提示,就像Android 等Toast,在Flutter中使用SnackBar组件,用法如下: Scaffold.of(context).showSnackBar(SnackBar( content: Text('老孟,一枚有态度的程序员'), )); 注意并不是在build…

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 当应用程序进行重要操作时经常需要用户进行2次确认,以避免用户的误操作,比如删除文件时,一般会弹出提示"是否要删除当前文件",用户点击确认后才会进行删除操作,这时我们可以使用提示框(AlertDialog或者CupertinoAlertDialog). 根据设计的不同,我们可以选择Material风格的AlertDialog或者Cupertino(…

Flutter Widgets Flutter 组件 Syncfusion Flutter Widgets 所有组件均支持即装即用的 Android,iOS和 Web not free https://www.syncfusion.com/flutter-widgets https://flutter.syncfusion.com/#/ https://github.com/syncfusion/flutter-examples/ refs https://medium.com/flutter/…

俗话说知己知彼百战百胜,如果对Flutter 里面的各种Widgets不了解,那你就别想将它们组合成你想要的效果.从今天开始.会把一个一个的widget 撸一遍..知道它大概的用法.效果.当你想做某个效果的时候.脑袋里面能第一时间想到它. Sample可以在这里找到代码 Sampe code Github Container 作为最常用的内容widget margin,padding, color(background),width,height,children 这些属性很好理解. new C…