Flutter组件共31篇

Flutter 嵌套滚动布局

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

Flutter 【容器布局组件(集合)】

Flutter 【容器布局组件(集合)】-IT网络技术分享
容器与布局 通常的,把只包含单个子Widget的Widget称为容器,把可以包含多个子Widget的Widget称为布局,实际上容器本身也是一种布局,因为布局本质上是指的对控件的位置的管理或控制。 万能容器...
趙哥的头像-IT网络技术分享趙哥3年前
018619

Flutter 视频播放器 [chewie ]

Flutter 视频播放器 [chewie ]-IT网络技术分享
video_player: ^2.3.0 chewie: ^1.3.1 用此库必须也引入video_player这个官方的库。 chewie video_player  // ChewieController({ // required this.videoPlayerController,//视频播放器控制器...
趙哥的头像-IT网络技术分享趙哥3年前
0113811

Flutter ClipPath路径剪切组件

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

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

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

Flutter CustomPaint,canvas绘制组件

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

Flutter LinearProgressIndicator[线性进度条组件]

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

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年前
02937

Flutter AnimatedTextExample文本动画组件

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

Flutter CircularProgressIndicator[圆形进度条组件]

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