文章 2022-05-14 来自:开发者社区

Flutter入门:Image组件

前言在flutter中显示图片的就是Image,相当于android中的ImageView,但是要比ImageView功能强大很多。比如支持gif动图,可以加载网络图片,缓存机制,图片处理等。实际上Image基本上实现了平时我们用到的图片加载框架(如glide)的大部分功能。Image根据加载图片的不同,可以使用不同的Image函数Image.asset  加载项目内资源Image.f....

文章 2022-02-05 来自:开发者社区

【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )(二)

四、使用 final 修饰 Widget 组件成员变量分析组件属性必须使用 final 修饰 , 如果不使用 final 修饰组件属性 , 会有如下报错 ;Can't define a const constructor for a class with non-final fields. (Documentation) Try making all of the fields final, .....

【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )(二)
文章 2022-02-05 来自:开发者社区

【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )(一)

文章目录一、Flutter 组件简介二、Flutter 自定义 StatelessWidget 组件流程1、导入父类包2、选择继承的父类3、设置成员变量及构造函数4、重写 build 方法5、完整代码示例三、Flutter 自定义 StatefulWidget 组件流程四、使用 final 修饰 Widget 组件成员变量分析五、调用自定义组件1、主要方法2、完整代码3、效果展示六、博客资源一、....

文章 2022-02-05 来自:开发者社区

【Flutter】ListView 列表高级功能 ( RefreshIndicator 下拉刷新组件 )

文章目录一、下拉刷新组件二、下拉刷新代码示例一、下拉刷新组件使用 Flutter 提供的 RefreshIndicator 组件 , 可以实现下拉刷新的功能 ;使用 RefreshIndicator 组件包裹 ListView 组件 ;在 RefreshIndicator 构造函数中 , 设置 onRefresh 参数 , 为其设置其下拉刷新回调事件 , 当用户下拉刷新时 , 会回调该方法 ;o....

【Flutter】ListView 列表高级功能 ( RefreshIndicator 下拉刷新组件 )
文章 2022-02-05 来自:开发者社区

【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(三)

五、完整代码示例import 'package:flutter/material.dart'; import 'package:flutter_swiper/flutter_swiper.dart'; /// 应用主界面 class HomePage extends StatefulWidget { @override _HomePageState createState() =>...

【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(三)
文章 2022-02-05 来自:开发者社区

【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(二)

三、透明度组件Opacity 组件可以控制该组件的透明度改变 , 修改 opacity 属性 , 可以改变组件的透明度效果 , 0 是完全透明 , 1 是完全不透明 ;       /// 透明度可变组件 Opacity( opacity: appBarAlpha, child: Container...

文章 2022-02-05 来自:开发者社区

【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )(一)

文章目录前言一、移除顶部状态栏空白二、帧布局组件三、透明度组件四、监听滚动事件五、完整代码示例六、相关资源前言在上一篇博客 【Flutter】Banner 轮播组件 ( flutter_swiper 插件 | Swiper 组件 ) 基础上进行开发 ;一、移除顶部状态栏空白在 Flutter 界面上方 , 默认有个状态栏 , 显示时间 , 电量 , 网络 , 信号强度等信息 , 这个状态栏是半透....

文章 2022-01-29 来自:开发者社区

【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )(二)

三、完整代码示例完整代码示例 :import 'package:flutter/material.dart'; /// 侧拉导航栏示例 void main() { runApp( DrawerWidget() ); } class DrawerWidget extends StatefulWidget { @override _DrawerWidgetState cr...

【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )(二)
文章 2022-01-29 来自:开发者社区

【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )(一)

文章目录一、Drawer 组件二、PageView 组件三、完整代码示例四、相关资源一、Drawer 组件Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 , 为其赋值一个 Drawer 组件 ;Drawer 组件就是侧拉菜单 , 该组件的 child 设置一个 ListView 组件 , 在列表中设置 DrawerHeader , ListTile 等子组件 ;cl....

文章 2022-01-29 来自:开发者社区

【Flutter】Hero 动画 ( Hero 实现径向动画 | Hero 组件 createRectTween 设置 )(二)

四、完整代码示例完整代码示例 :import 'package:flutter/material.dart'; import 'package:flutter/scheduler.dart' show timeDilation; import 'dart:math' as math; void main() { runApp(MaterialApp( // 该组件本质是 Statel...

【Flutter】Hero 动画 ( Hero 实现径向动画 | Hero 组件 createRectTween 设置 )(二)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注