Flutter组件共31篇

Flutter 嵌套滚动布局

Flutter 嵌套滚动布局-IT网络技术分享
效果图 用到的组件: NestedScrollView() //嵌套组件 SliverPersistentHeader()//Sliver 顶部持久组件 SliverAppBar() //类似AppBar组件 TabBar() TabBarView() 代码: import 'package:flutter...
趙哥的头像-IT网络技术分享趙哥3年前
2228012

Flutter ClipPath路径剪切组件

Flutter ClipPath路径剪切组件-IT网络技术分享
ClipPath 介绍: ClipPath可以根据给定的Path来裁剪widget,它的定义跟ClipRect基本一样,不一样的地方是ClipRect传递的参数是个Rect类型,而ClipPath需要传一个Path类型,它的定义如下: ClipP...
趙哥的头像-IT网络技术分享趙哥3年前
030613

Flutter 事件/通知[GestureDetector,InkWell,Snackbar]

Flutter 事件/通知[GestureDetector,InkWell,Snackbar]-IT网络技术分享
Flutter 事件与通知 Flutter中的触摸事件可分为两层来看待。第一层是触摸原事件(指针),有相应的四种事件类型:PointerDownEvent:用户与屏幕接触产生了联系。PointerMoveEvent:手指已从屏幕...
趙哥的头像-IT网络技术分享趙哥3年前
045812

Flutter CustomPaint,canvas绘制组件

Flutter CustomPaint,canvas绘制组件-IT网络技术分享
前言:         Flutter是一个UI框架,一切皆Widget,Flutter可以说和Android是无缝对接,毕竟都是出自Google,Material风格更是轻车熟路,对Android同学来...
趙哥的头像-IT网络技术分享趙哥3年前
04218

Flutter LinearProgressIndicator[线性进度条组件]

Flutter LinearProgressIndicator[线性进度条组件]-IT网络技术分享
截图: 代码: //线性进度条 LinearProgressIndicator( color: Colors.blue, backgroundColor: Colors.amber, value: 0.5, // valueColor: TrainHoppingAnimation(), ),
趙哥的头像-IT网络技术分享趙哥3年前
03335

Flutter 圆角半透明编辑框

Flutter 圆角半透明编辑框-IT网络技术分享
Container( alignment: Alignment.center, margin: EdgeInsets.all(5), padding: EdgeInsets.only(left: 15, right: 15), decoration: BoxDecoration( color: Colors.black12, borderRadius: Bo...
趙哥的头像-IT网络技术分享趙哥3年前
02597

Flutter AnimatedTextExample文本动画组件

Flutter AnimatedTextExample文本动画组件-IT网络技术分享
在创建Flutter应用程序的时候,你有没有想过,如果能够增加一些文本的炫酷动画,会不会使得自己的APP体验感更强大呢? 我们通过今天的教程,一起来探索一些解决方案和包,以及如何使用它们实现...
趙哥的头像-IT网络技术分享趙哥3年前
02809

Flutter CircularProgressIndicator[圆形进度条组件]

Flutter CircularProgressIndicator[圆形进度条组件]-IT网络技术分享
截图:代码: //圆形进度条 CircularProgressIndicator( color: Colors.blue, backgroundColor: Colors.amber, ),
趙哥的头像-IT网络技术分享趙哥3年前
02945

Flutter屏幕适配 [flutter_screenutil]

Flutter屏幕适配 [flutter_screenutil]-IT网络技术分享
安装依赖: pub地址:https://pub.dev/packages/flutter_screenutil github地址:https://github.com/OpenFlutter/flutter_screenutil dependencies: flutter_screenutil: ^5.5.2 #屏幕适配 使...
趙哥的头像-IT网络技术分享趙哥3年前
06437

Flutter SingleChildScrollView[长布局滚动组件]

Flutter  SingleChildScrollView[长布局滚动组件]-IT网络技术分享
说明: 该控件通常用于长布局的滚动。它只能包含一个子项,通常只应在期望的内容不会超过屏幕太多时使用,因为它不支持基于Sliver的延迟实例化模型,所以包含的长布局超出屏幕尺寸太多时,性能...
趙哥的头像-IT网络技术分享趙哥3年前
056512