![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
文章平均质量分 60
123_000000
这个作者很懒,什么都没留下…
展开
-
Flutter videoplayer
视频播放项目地址效果图从pub.dev搜索视频播放库,但都不能满足要求,最后下载flick-video项目代码,做了功能简化和修改。实现功能:列表播放时,不支持拖动修改进度亮度声音,避免滑动冲突,全屏和单一视频播放时支持1、屏幕左侧上下滑动修改屏幕亮度2、屏幕右侧上下滑动修改视频音量3、横向滑动切换播放进度4、长按2倍速播放5、支持全屏播放,并且全屏时可手动切换全屏播放方向6、列表滑动自动播放代码结构Container( width: double.infinit原创 2021-09-13 16:27:33 · 1413 阅读 · 0 评论 -
Flutter Paint
1、着色器ShaderGradient:渐变渐变有三种 liner、radial和sweep。浅谈Flutter 中渐变的高级用法(3种)ImageShader : 图片着色器ImageShader 使用 ImageShader 可以加载一张图片,绘制时使用图片对图形进行着色。ImageShader 使用的Image为ui.Image ( import ‘dart:ui’ as ui; )class _MyHomePageState extends State<CanvsBasePage原创 2021-08-26 11:09:40 · 412 阅读 · 0 评论 -
Dart 语法零散知识
一 、运算符Dart运算符A?.B如果 A 等于 null,那么 A?.B 为 null如果 A 不等于 null,那么 A?.B 等价于 A.BA??B(if null)如果 A 等于 null,那么 A??B 为 B如果 A 不等于 null,那么 A??B 为 A// 如果b为空时,将变量赋值给b,否则,b的值保持不变。b ??= value;(…)级联运算符级联运算符 (…) 可以实现对同一个对像进行一系列的操作。 除了调用函数, 还可以访问同一对象上的字段属性。 这通常可以原创 2021-08-23 15:41:07 · 269 阅读 · 0 评论 -
Flutter json_serializable
1添加项目依赖dev_dependencies: flutter_test: sdk: flutter build_runner: ^1.1.3 json_serializable: ^3.2.02 创建实体类 可以使用json_serializable库,将json 拷贝进去自动生成(简单json可以生成,在嵌套一层便会提示“不是一个正确的json”,不是特别好用)将生成得subject.dart文件拷贝到项目中,提示如下异常3 生成.g.dar...原创 2020-06-22 11:06:06 · 1486 阅读 · 1 评论 -
Flutter 局部Widget刷新
更新局部Widget,避免全局刷新,总结自己遇到和需要的情况整理如下,原理不做解释,只记录用法1、GlobalKey通过传递GlobalKey 获取Widget的State,调用 setState(VoidCallback fn) 刷新Widget注意:使用GlobalKey开销较大,如果有其他可选方案,应尽量避免使用它。另外同一个GlobalKey在整个widget树中必须是唯一的,不能重复 。 ...原创 2021-07-07 19:15:04 · 944 阅读 · 2 评论 -
Flutter 动画
AnimationAnimation是一个抽象类,本身和UI渲染无关,只负责保存动画的插值和状态,widget可以在build函数中读取Animation对象的当前值。Animation对象是一个在一段时间内依次生成一个区间(Tween)之间值的类。Animation对象的输出可以是线性、曲线、一个步进函数或任何其他可以设计的映射,这由Curve决定。CurveCurve定义常用动画曲线的数组,描述动画过程(动画效果可点击跳转链接),可以通过CurveAnimation指定动画的曲线。以..原创 2021-01-14 16:16:12 · 117 阅读 · 0 评论 -
Flutter 修改appBar 高度
Scaffold( appBar: PreferredSize( child: AppBar( title:Text("AppBar"), bottom: _appBarView(), ), preferredSize: Size.fromHeight(60.0)), //自定义高度 body: _..原创 2020-11-17 15:13:49 · 2504 阅读 · 0 评论 -
Flutter WebView
最近用到webview ,在pub.dev中搜索webview,flutter_webview_plugin的使用率比较高 网上大家发的贴子使用率也高,就导入调试,开始未仔细阅读文档, 需要在页面添加一个弹框,出现以下问题,第一张图为正常显示,第二张图为显示弹框(popwindow/dialog 都试了),在webview上边沿出露出的部分发现弹框有显示,但被webview遮挡了。起初以为是布局问题,试了其他布局都无效,此时才去仔细阅读相关文档发现:Warning:The webview is ...原创 2020-11-13 15:46:42 · 151 阅读 · 0 评论 -
Flutter 状态管理
一、状态管理(父子组件) 1、widget管理自己得状态 _TapboxAState 类管理TapboxA的状态 定义_active:确定盒子当前颜色的布尔值 定义_handleTap()函数,该函数再点击该盒子时更新_active,并调用setState()更新Ui 实现widget的所有交互式行为class TapboxA extends StatefulWidget { @override State<StatefulWidget> cre...原创 2020-11-13 15:08:48 · 103 阅读 · 0 评论 -
Flutter 项目异常
在Android studio 导入Flutter 项目一片红色,全部提示 Target of URI doesn’t exist配置镜像:https://flutter.cn/community/china#configuring-flutter-to-use-a-mirror-siteexport PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-原创 2020-07-29 00:42:33 · 1193 阅读 · 0 评论 -
Flutter ListView使用异常
异常:Vertical viewport was given unbounded height解决:添加shrinkWrap: truereturn Column( children: <Widget>[ ListView.builder( itemCount: sourceDataComments.length, itemBuilder: _buildCommentsRow, ...原创 2020-07-06 11:28:46 · 483 阅读 · 0 评论 -
Navigator operation requested with a context that does not include a Navigator.
Flutter 项目,按钮点击报 如下异常:Navigator operation requested with a context that does not include a Navigator.原因:要使用 路由(Navigator),根控件不能直接是 MaterialApp.════════ Exception caught by gesture ═══════════════════════════════════════════════════════════════The f原创 2020-06-10 17:40:52 · 715 阅读 · 0 评论 -
Scaffold.of() called with a context that does not contain a Scaffold.
class TestWidget extends State<TestWidget> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Widget简介")), body: Center( child:RaisedButton( onPressed: () { .原创 2020-05-27 15:24:31 · 589 阅读 · 0 评论 -
Flutter 基础准备
一、环境安装下载Flutter SDKhttps://flutter.cn/docs/get-started/install/windows将压缩包解压,然后把其中的flutter目录整个放在你预想的 Flutter SDK 安装目录中(请勿将该目录放在一些需要额外操作权限的目录)。修改path环境变量 在开始菜单的搜索功能键入“env”,然后选择编辑当前用户的环境...原创 2020-01-14 23:20:51 · 119 阅读 · 0 评论