在Gmail中,我们经常会看到如下效果: 滑动去存档,也可以滑动删除。那作为Google 自家出品的Flutter,当然也会有这种组件。Dismissible按照惯例来看一下官方文档上给出的解释:A widget that can be dismissed by dragging in the indicated direction. Dragging or flinging this wid
效果构建Listbody: ListView.builder( itemCount: articleDatas.length, itemBuilder: (BuildContext context, int position) {
三种形式:文件 SharedPreferences 数据库文件文件是存储在某种介质(比如磁盘)上指定路径的、具有文件名的一组有序信息的集合。 定义文件的存储路径。 Flutter 提供了两种文件存储的目录,即临时(Temporary)目录与文档(Documents)目录、外部目录:临时目录是操作系统可以随时清除的目录,通常被用来存放一些不重要的临时缓存数据。在 iOS 上对应着 NSTempora
很多应用都会这么操作,把一些图像进行缓存可以提升用户体验,也能减轻资源浪费,这里以cached_network_image为例。它可以将网络图像进行本地缓存,在需要的时候直接加载,提供了两个使用方法:CachedNetworkImage( imageUrl: "http://via.placeholder.com/350x150", placeholder: (co
Flutter 中的 ListWheelScrollView 小部件:全面指南在 Flutter 中,ListWheelScrollView 是一个实现滚动列表的 widget,它允许用户通过滑动来查看列表中的项,并且可以快速地“飞出”到列表的任一项。这种类型的列表视图在一些特定的应用场景中非常有用,比如音乐播放器的播放列表、快速滚动选择器等。本文将详细介绍 ListWheelScrollView
转载 1月前
17阅读
Flutter开发中,我们可以通过定义 Theme,复用颜色和字体样式,从而让整个app的设计看起来更一致。一. Theme主题的使用Theme分为:全局Theme和局部Theme主题有两个作用:设置了主题之后,某些Widget会自动使用主题的样式(比如AppBar的颜色)将某些样式放到主题中统一管理,在应用程序的其它地方直接引用1.1. 全局Theme全局Theme会影响整个app的
转载 1月前
5阅读
## Flutter 中的 iOS 滑动删除功能 在移动应用开发中,用户体验往往是最重要的。为了提升用户体验,许多应用提供了滑动删除item的功能,特别是在列表视图中。在Flutter中,我们可以实现类似的功能,特别是在iOS平台上。接下来,我们将详细介绍如何在Flutter中实现iOS的滑动删除功能。 ### 1. 基本结构 首先,我们将使用Flutter的`ListView`和`Dism
原创 1月前
12阅读
问题是这样出现的,一个实时聊天app,在性能较差的手机上,一次性发送多张图片,Image.file组件加载居然有明显的延迟!具体表现为先出现一个空白区域,然后图片才会在空白区域慢慢渲染出来而且我寻遍百度谷歌都没有人遇到相同的问题,难道这个bug只有我遇到了?首先来看下面两段代码:分别在forEach循环和for循环中执行await会有什么区别呢?代码1(forEach):import 'dart:
一、ListView的声明import 'package:flutter/material.dart'; void main () => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp
转载 1月前
45阅读
上一课时我们已经创建好了项目的基础框架结构,其中有一个 router.dart 文件,该文件的作用是实现 App 内的一个路由管理和跳转。本课时是基于该功能模块,着重介绍如何实现 App 内外的路由跳转。Scheme在介绍路由跳转实现之前,我们先来了解下 Scheme 的概念,Scheme 是一种 App 内跳转协议,通过 Scheme 协议在 APP 内实现一些页面的互相跳转。一般可以使用以下格
转载 10月前
73阅读
一 概述文件夹操作(创建、遍历、重命名、删除)文件操作(创建、数据写入、读取数据、删除文件)json文件数据读取二 添加依赖因为文件及文件夹的操作依赖于path_provider在项目的 pubspec.yaml 文件中添加依赖flutter pub add path_provider点击pubspec.yaml右上角的Pub get或者执行如下指令flutter pub get三 文件夹操作(创
设置 即可,替换可以修改"leading"参数
转载 2019-05-22 21:55:00
244阅读
2评论
效果图一:效果图二:右滑删除第六个item效果图三:左滑删除第4个item效果图四:最后看到,第四项和第六项都被删除了代码+注释:import 'package:flutter/foundation.dart';import 'package:flutter/material.dart';void main()
个人开发app中,需要开发一个带有删除功能的ListView效果如下  需求动画分析 列表可以滚动用listView,有两个动画,第一个动画是透明度变化,第二个是size变化是顺序执行 实现过程新建一个动画页面进行单独控制记得用statefulwidget类,这第二个动画之间涉及到页面刷新切换widget记得with tickerproviderstatemixin 这个是动画类状态管理的必备cl
转载 2021-05-14 23:27:00
535阅读
2评论
import 'package:flutter/material.dart';//列表左右滑动删除void main() => runApp(MaterialApp( home: HomePage(), ));class HomePage extends StatelessWidget { final List<String> items = List.g
原创 2021-12-01 15:03:58
1558阅读
常用在价格方面的打折处Text( "¥145", style: TextStyle( //中间删除线 TextDecoration.lineThrough //底部下划线TextDecoration.underline //顶部上划线 TextDecoration.overline decoration: TextDeco
原创 2022-02-06 18:09:25
2012阅读
Flutter Text decoration: TextDecoration.lineThrough 下划线
原创 2021-06-01 16:03:38
1237阅读
为什么要单独拿出这个来讲呢?在Android中,从父级控件调用addChild或removeChild就可以动态添加或删除View。 在Flutter中,因为widg
原创 2022-08-03 10:40:47
248阅读
一,概述    flutter一个重要的特性就是组件化。组件分为两种状态,一种是StatefulWidget有状态组件,一种是StatelessWidget无状态组件。 无状态组件不能更新状态,有状态组件具有类似刷新的机制,可更改状态。  功能模块都可以通过继承两种状态组件实现功能模块封装。组件间通信,一般存在一下两种关系。父子组件通信兄弟组件通信       二, 通信实现方式回调通信 需求“点
转载 4月前
24阅读
今天来学习Flutter的一些高级技巧,在实际工作中也是要用得上的,比如如何将咱们的代码发布到https://pub.dev/上造轮子给全球使用,在Flutter中如何调Android和Ios本地代码,以及Android中如何来调Flutter【由于ios我不会,所以。。】,内容还是很刺激的,下面开
原创 2020-08-06 07:52:00
1604阅读
  • 1
  • 2
  • 3
  • 4
  • 5