Flutter

flutter实现磨砂玻璃效果实例详解

目录 flutter 中实现磨砂玻璃效果 编写代码 输出效果 flutter 中实现磨砂玻璃效果 磨砂玻璃效果是一个很酷的用户界面概念,使我们的用户界面看起来更有吸引力。它基本上是一个模糊的覆盖与减少不透明度,以区分或减少某一观点。这个功能看起来确实不错,但是它会影响应用程序的性能。 »

Android Flutter实现兴趣标签选择功能

目录 前言 InputChip 兴趣标签选择实现 总结 前言 我们在首次使用内容类 App 的时候,不少都会让我们选择个人偏好。这种通常是通过标签来实现,比如列举出一系列的技术栈,然后让我们选择。通过这些标签选择可以预先知道用户的偏好信息,从而可以选择感兴趣的内容进行推送,这样会让用户快速 »

Dart 中接口的处理

我从与 swift 的区别中总结了 Dart 中对接口的处理。获取/设置是已知的。 什么是接口? 第一的,界面被面向对象编程识别没有具体实现的抽象类型那就是我的意思。迅速协议关键字使用实现 swift中的实现示例 // Buildingプロトコルの定義 protocol Building { »

Flutter加载图片的多样玩法汇总

目录 加载本地图片 圆角本地图片 效果图 代码 加载网络图片-本地图片占位图 加载网络图片-loading 效果 代码 圆角、边框、渐变 总结 加载本地图片 在项目目录下创建assets文件夹,再在其文件夹下创建images文件夹,后面将需要的图片复制到其中即可 在pu »

Flutter实现编写富文本Text的示例代码

目录 SuperText富文本设计方案 RichText原理 方案设计 解析 代码设计 节点定义 Span构造器定义 SuperText定义 可以修改TextStyle的Span构造器 效果展示 结语 SuperText富文本设计方案 Flutter中要实现富文本,需要使用Rich »

Flutter控制组件显示和隐藏三种方式详解

目录 方式一:if语句控制 方式二:Offstage组件 方式三: Visibility Offstage和Visibility的区别: 方式一:if语句控制 // 例如: Column( mainAxisAlignment: MainAxisAlignment.c »

Flutter状态管理Provider的使用示例详解

目录 前言 计数器 全局状态 总结 前言 Provider是三大主流状态管理框架官方推荐使用的框架,它是基于官方数据共享组件InheritedWidget实现的,通过数据改变调用生命周期中的didChangeDependencies()方法,来实现状态的通知改变。 InheritedWi »

Flutter之 ListView组件使用示例详解

目录 ListView的默认构造函数定义 默认构造函数 ListView.builder  ListView.separated 固定高度列表 ListView 原理 实例:无限加载列表 添加固定列表头 总结 ListView的默认构造函数定义 ListView是最常用的可滚动组件之一, »

Flutter使用 input chip 标签组件示例详解

目录 前言 正文 类构造 属性 如何在 Dart 文件中实现代码 全部代码 结论 前言 这里有一些拥有属性的 chip,其中之一就是 input chip。input chip 通常用于以保守的结构处理客户端输入或向客户端提供想法。除了 label 和 avtar 之外,inp »

Flutter组件适配方法实现详解

目录 Flutter 适配组件 1. MediaQuery 2. LayoutBuilder 3. OrientationBuilder 4. Expanded 和 Flexible 5. FractionallySizedBox 6. AspectRatio Flutter 适配组件 »

Flutter状态管理Bloc使用示例详解

目录 前言 两种使用模式 Cubit模式 最后 前言 目前Flutter三大主流状态管理框架分别是provider、flutter_bloc、getx,三大状态管理框架各有优劣,本篇文章将介绍其中的flutter_bloc框架的使用,他是bloc设计思想模式在flutter上的实现,bl »

Flutter之PageView页面缓存与KeepAlive

目录 正文 构造函数 页面缓存 KeepAlive KeepAliveWrapper 总结 正文 如果要实现页面切换和 Tab 布局,我们可以使用 PageView 组件。需要注意,PageView 是一个非常重要的组件,因为在移动端开发中很常用,比如大多数 App 都包含 Tab »

使用 Unity 可以进行类似 Flutter 的开发,所以我尝试了一下

介绍 我看到一篇关于一个包的文章,它允许您在 Unity 中编写类似 Flutter 的代码并创建一个应用程序。 我有 5 年的 C# 经验和 1-2 年的 Dart 经验。有什么不同?等等,总结在最后。 *本文介绍的包版本是GitHub上存档的旧版本仓库,不推荐使用。最新的存储库如下。 (因为在 »

Flutter路由框架Fluro使用教程详细讲解

目录 1.Navigator使用简介 2.fluro 1.配置 2.使用方法 3.路由拦截 3.封装 1.Navigator使用简介 使用Flutter 的Navigator 导航器可以实现页面的跳转,Navigator的使用方法简单介绍一下: 页面跳转: Navigator. »

flutter系列之:永远不用担心组件溢出的Wrap

简介 我们在flutter中使用能够包含多个child的widget的时候,经常会遇到超出边界范围的情况,尤其是在Column和Row的情况下,那么我们有没有什么好的解决办法呢?答案就是今天我们要讲解的Wrap。 Row和Column的困境 Row和Column中可以包含多个子widget,如果子w ... »

flydean

Android Flutter实现视频上滑翻页效果的示例代码

目录 前言 PageView 组件介绍 使用示例 PageController 应用 前言 我们在短视频应用中经常会看到不停上滑浏览下一条视频的沉浸式交互效果,这种交互能够让用户不停地翻页,直到找到喜欢的视频内容,从而营造一种不断“搜寻目标”的感觉,让用户欲罢不能。这种交互形式在 Flut »

了解 Flutter 开发者们的 IDE 使用情况

作者 / JaYoung Lee, UX Researcher at Google Google 的 Flutter 团队负责构建和维护 Android Studio (基于 IntelliJ-IDEA) 和 Visual Studio Code (VS Code) 的支持。我们将代码补全、语法高亮 ... »

flutterdev

flutter系列之:flutter中可以建索引的栈布局IndexedStack

简介 之前我们介绍了一个flutter的栈结构的layout组件叫做Stack,通过Stack我们可以将一些widget叠放在其他widget之上,从而可以实现图像的组合功能,也是日常中最常用的一种组件了。今天我们要介绍的组件是Stack的近亲,叫做IndexedStack,它有什么功能呢?一起来看 ... »

flydean

Flutter Widgets之标签类控件Chip详解

目录 概述: RawChip Chip InputChip ChoiceChip FilterChip 总结: 概述: Flutter 标签类控件大全ChipFlutter内置了多个标签类控件,但本质上它们都是同一个控件,只不过是属性参数不同而已,在学习的过程中可以将其放在放在一起学习,方 »