当App的复杂性发展到一定程度，经常会出现一个页面中不同深度的子Widget需要共享访问同一个数据状态，甚至不同页面要共享同一个状态。这时我们就会想到InheritedWidget。InheritedWidget是 Flutter 中非常重要的一个功能型组件，它提供了一种在 widget 树中从上到下共享数据的方式，比如我们在应用的根 widget 中通过InheritedWidget共享了一个数
转载
2024-06-07 12:55:33
76阅读
实现的效果图（官网示例）作为一个 Android 开发者，实现这个功能那肯定是分分钟的事，但是现实是用 flutter 实现，那么需要如何来实现呢？通过拆分我们可以得到如下要实现的功能：顶部标题栏可滑动的列表可收藏和取消的点击图标页面跳转在开始实现效果之前，我们先来了解一下代码结构，入口在lib/main.dart,目前所有的代码都先在里面实现。在这里使用了一个第三方库，用于提供随机的英文词组，所
转载
2024-03-07 08:58:52
112阅读
在Flutter开发之ListView组件（21） 文章中，我们了解了ListView组件的基本使用。但是数据比较少，没有涉及分页加载。而实际开发中，下拉刷新和分页加载几乎是所有APP的标配。在iOS 开发中我们通过MJRefresh 给UITableView添加mj_header和mj_footer刷新事件来触发下拉刷新和分页加载实现的。那么我们看一下Flutter中的下拉刷新跟上拉加载更多是如
转载
2024-03-10 17:33:02
433阅读
引言昨天已经使用 RefreshIndicator 实现了下拉刷新数据的效果，今天，我们使用ScrollController来实现：上拉加载更多数据，然后再将二者汇总起来~~废话不多说，上菜，哦，不对，上图?~~效果图那么我们开始吧，let's go先看今天的主菜：ScrollController为什么说这个呢？这是因为「上拉加载更多」这个功能，Flutter 并没有为我们提供类似RefreshI
转载
2024-09-20 09:39:17
73阅读
flutter_wechat源码地址:ding-zou/flutter-wechat A flutter app which clones wechat！ 这是一个仿照微信样式基于flutter实现的app，还在继续完善中，欢迎提意见包含了flutter中基本所有的组件，适合以此项目进行flutter学习。页面展示
简介listview是flutter中最常用的滚动组件之一，可以非常方便的实现一个方向上的多个子组件的线性排列。先看一下它的默认构造函数：ListView({
Key key,
Axis scrollDirection = Axis.vertical,
bool reverse = false,
ScrollController controller,
bo
转载
2024-03-27 20:30:54
679阅读
Flutter常用组件ListView动态列表是我们常用的基本布局方式之一，我们可以通过ListView来实现动态列表，它也支持横向和纵向的方式去展示。我们可以通过ListView去实现垂直列表、垂直图文列表、水平列表、动态列表、矩阵式列表等。以下是ListView的常用基本参数名称类型&说明scrollDirectionAxis & Axis.horizontal 水平列表 Ax
转载
2024-06-29 15:18:09
186阅读
一、普通的listview该构造函数适合于具有少量子元素的列表视图，因为构造列表需要为可能显示在列表视图中的每个子元素执行工作，而不仅仅是那些实际可见的子元素。ListView({
Key key,
Axis scrollDirection = Axis.vertical,
bool reverse = false,
ScrollController control
转载
2024-03-21 09:04:26
783阅读
今天我们来看看Flutter的ListView，我们会展示一个简单的汽车的列表，那么我们首先新建一个car.dart,两个属性一个构造方法，还有一个模仿网络返回的本地数组,因为太占地方，我就只写前几个了class Car {
const Car({
this.name,
this.imageUrl
});
final String name;
final String
转载
2024-10-09 22:08:49
321阅读
return new Scrollbar(
child: new ListView(
// 添加ListView控件
children: _list, // 无分割线
// children: divideList, // 添加分割线/
),
);
}ListView ListTile
ListTile 是Flutter 给我们准备好的widget 提供非常常见的构造和定义方式，包括
一、ListView的声明import 'package:flutter/material.dart';
void main () => runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context){
return MaterialApp
转载
2024-07-15 10:21:26
153阅读
Android 基础1.Activity1、 什么是 Activity？ 2、 请描述一下 Activity 生命周期 ……2.Service3.Broadcast Receiver324.ContentProvider5.ListView6.Intent7.Fragment1.Fragment 跟 Activity 之间是如何传值的 2.描述一下 Fragment 的生命周期 3.Fragmen
本节目标ListView是开发中比较常用到的控件，本节课的目标是实现一个无线滑动的ListView，每当滑到底部时会自动生成10条数据，这样永远也滑不完完整实现代码由于本节代码相比前面几节的代码稍多点，所以先贴代码加注释，可以先看代码知道个大致的实现，然后后面再讲解一些疑点难点，不会说直接讲代码片段会有点不知所云，有点懵逼import 'package:flutter/material.dart'
跟 Android 中的 ListView 差不多，就是一个可滚动的列表，这种组件在开发中是很常用的。 1 构造方法ListView({Key key, Axis scrollDirection: Axis.vertical, bool reverse: false, ScrollController controller, bool primary, ScrollPhysics phy
转载
2024-03-28 11:25:47
104阅读
上一篇博客写到了children，那么，这篇博客将会记录Listview， Column， Row 这些可以使用children进行多组件布局的列表组件和行组件ListviewListview是一个列表组件，它可以将children 组件列表中的组件进行垂直布局，如ListView( //是一个线性布局的widgets 列表.
children: <Widget>[
转载
2024-04-06 13:52:33
990阅读
前言最近看到一些刚接触Flutter的同学在进行页面跳转的时候，出现了这个问题。flutter: Navigator operation requested with a context that does not include a Navigator.
flutter: The context used to push or pop routes from the Navigator must
转载
2024-06-17 05:00:30
283阅读
题记—— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精。Flutter是谷歌推出的最新的移动开发框架。本实例运行效果如下 ：//启动函数void main() { runApp(RootApp());}//根目录class RootApp extends StatelessWidget { @override Widget build(BuildContext context) {
转载
2024-09-29 19:12:46
77阅读
1- ListView的使用在文档中我们可以看到ListView有 几种创建方式1.1公用的方式//导入风格样式库
import 'package:flutter/material.dart';
//main函数
main() =>runApp(MyApp());
//MyApp类继承StatelessWidget
class MyApp extends StatelessWidget
在之前讲Layout Widget的文章中，我们掌握了基于不同的场景适当的选择不同的Widget来完成我们的布局要求，但是关于长列表的数据展示我们并没有做展开介绍，而长列表的身影几乎出现在日常生活中的任意一款APP中，鉴于它的重要性，所以我想单独作为一个章节来讲解长列表Widget—ListView&GirdView。1.ListView1.1 ListView简单列表看下ListView
1. 热重载1.1 什么是热重载Flutter热重载:在我们调试布局的时候,更改代码,模拟器上可以立即看到代码改动的效果;而不是iOS和Android单独开发需要重新编译,启动,耗时极长。开发效率：Flutter的热重载可帮助开发者快速地进行测试、构建UI、添加功能并更快地修复错误。在iOS和Android模拟器或真机上可以实现毫秒级热重载，并且不会丢失状态。这真的很棒，相信我，如果你是一名原生开
转载
2024-09-11 06:16:41
145阅读
