Flutter组件共31篇

Flutter 嵌套滚动布局

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

Flutter 主流视频播放器分析

Flutter 主流视频播放器分析-IT网络技术分享
Futter主流视频播放器分析:   概述 播放器是指能读取、解析、渲染 存储在 本地 或者 服务器 上的音视频文件的软件,播放器的主要职责: 下载与缓冲、缓存 解码 渲染 播放UI 功能丰富的播...
趙哥的头像-IT网络技术分享趙哥3年前
015087

Flutter flutter_staggered_animations列表动画

Flutter flutter_staggered_animations列表动画-IT网络技术分享
滑动动画 渐隐渐现动画 翻转动画 缩放动画 轮子仓库地址:https://pub.flutter-io.cn/packages/flutter_staggered_animations 系列演示demo源码:https://github.com/826327700/flutter_plugins...
趙哥的头像-IT网络技术分享趙哥4年前
043915

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

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

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

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