flutter 中Sliver一些想法

最新推荐文章于 2024-01-30 13:50:23 发布
最新推荐文章于 2024-01-30 13:50:23 发布
阅读量357 收藏
点赞数
分类专栏： flutter开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/senkai123/article/details/102901140
版权

在flutter中，Sliver 滚动视图差，需要配合CustomScrollView，嵌套SliverGrid，SliverFixedExtentList配合使用，我有两个疑问

1.SliverGrid 和GridView 的区别
2.CustomScrollView的SingleChildScrollView区别

SliverGrid 和GridView 的区别
应该是配合CustomScrollView使用，来实现滚动视图差，Sliver 滚动视图差有很多用法，也有不同的模式，
float效果，snap效果，pinned效果，sticky效果

SingleChildScrollView
相当于安卓ScrollView，滚动视图

逐流间隔年
关注
专栏目录
Flutter 教程之高效且精美的滚动组件Slivers (教程含源码)
iCloudEnd的博客
08-07 668
小部件是 Flutter 布局系统的基础。Flutter 中几乎所有的东西都是一个小部件，包括布局模型。小部件是您在 Flutter 应用程序中看到的图像、图标和文本。您看不到的东西，例如排列、约束和对齐可见小部件的行、列和网格，也是小部件。RenderObject类是渲染库的核心，它处理可视元素树并指定布局、绘画和堆肥过程。RenderObject 没有任何特定的布局协议，也没有定义子模型。RenderObject 类的实现者（如RenderBox、RenderSliv​​er、RenderAbstrac
flutter 必须掌握的CustomScrollView及Sliver类型控件的几种使用
智玲君
04-21 1937
前言 CustomScrollView是Flutter系统提供的一个用于将多个组件进行组合从而实现统一的滑动效果的控件，并且在使用时要求CustomScrollView中的组件必须是Sliver家族中的成员，Sliver家族成员列举部分如下： 1，SliverAppbar 2，SliverList 3，SliverGrid 4，SliverToBoxAdapter 5，SliverFillRemaining 借助CustomScrollView可轻松实现折叠，置顶等交互，在平时的开发中也算是比较实用的控件，
Flutter 滚动布局：sliver模型
Mamong's blog
01-22 2240
Flutter中可滚动布局基本都来自Sliver模型，本文探讨sliver模型原理。
29Flutter Sliver家族
LJLThomson的博客
04-26 472
Flutter Sliver家族 为什么会有Sliver家族，主要是结合CustomScrollView,统一滑动方式，CustomScrollView中slivers只能是Sliver家族，其他widget会报错 1.SliverAppBar SliverAppBar 是一个可伸缩的头部，可以实现上拉收起，下拉展开效果 属性： expandedHeight: 最大扩展高度 flexibleSpace: 扩展内容区域 floating: 为true则在滚动时优先滚动，有下拉动作先appbar后flexibl
flutter-Sliver-flutter-sliver
weixin_46400688的博客
05-31 322
翻译过来是片、薄片的意思。在flutter中是和滚动有关系的。是可滚动部局中的一部分。Sliver作为列表组件中的重要一部分，非常有必要了解其原理。ViewProt是一个显示窗口，里面可以包含多个Sliver。
Flutter---Sliver集合
a875801的博客
06-12 5972
import 'package:flutter/material.dart'; import 'dart:math' as math; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @over...
flutter中使用基于flutter-sound的flutter-sound-record录音
01-20
在Flutter开发中，录音功能是许多应用程序不可或缺的一部分。Flutter本身并不提供原生的录音API，但开发者可以借助第三方库来实现这一功能。本篇将详细讲解如何在Flutter中使用基于`flutter-sound`的`flutter-sound-...
sliver-image:演示Flutter应用程序，在滚动视图中显示崩溃的图像
04-29
SliverWidget 基于SliverPersistentHeader的自定义窗口小部件的Flutter演示。... 主窗口小部件位于sliverimage.dart文件中。 入门 克隆仓库并运行应用程序。 要获得Flutter入门方面的帮助，请查看在线。 学分
flutter_ui_tips:在Flutter中显示一些UI提示的应用程序和视频
04-14
如果需要，一些教程中已经包含了这些教程。 flutter create . FunWithFlutter的动画课程 由FunWithFlutter打包 Flutter UI提示 技巧001-可伸缩标头[] []-将可伸缩标头添加到Flutter应用程序 技巧002-交错网格视图...
使用Flutter中的Sliver实现复杂的滚动布局
# 1. 引言 ## 1.1 Flutter简介 Flutter是由谷歌开发的一款跨平台移动UI框架，能够快速构建高质量的原生...本文旨在介绍Flutter中的Sliver布局，并通过详细的讲解和示例代码，帮助读者了解Sliver的基本概念、使用方
flutter SliverAppBar 随内容一起滑动的头部 - 滞留头部
10-26
flutter SliverAppBar 随内容一起滑动的头部 - 滞留头部
Flutter - 循序渐进 Sliver
大灰狼的小绵羊哥哥的博客
06-14 4177
列表组件在移动端上尤为重要，Sliver 作为 Flutter 列表组件中重要的一部分，开发者非常有必要了解 Sliver 的原理和用法。 两种类型的布局 Flutter 的布局可以分为两种： Box ( RenderBox ): 2D 绘制布局 Sliver ( RenderSliver )：滚动布局 重要的概念 Sliver Sliver 是 Flutter 中的一个概念，表示可滚动布局中的一部分，它的 child 可以是普通的 Box Widget。 ViewPort ViewPort
Flutter | Sliver 系列
345丶
08-13 832
概述 CustomScrollView：一个滚动的容器，改组件不接受任何 child，但是你可以直接提供 Slivers 已创建各种滚动效果，例如页面中有多个可滑动的列表，如 Appbar， 列表，网格，等这种就可以直接使用 SliverAppBar,SliverList 和 SliverGrid Slivers 不是单独指一个组件，而是指的一个系列，所以以 Sliver 开头的组件都是这个系列的，但是他们都只能作用于 CustomScrollView 中。 常用到的 Sliver 有，SliverAppb
37_Flutter之Sliver组件扩展
gzx的博客
10-19 994
Flutter之Sliver组件扩展 Sliver主要用于处理嵌套滑动、合并多个List的情况，像GridView、ListView自身是支持滑动的，这个时候如果再在外层嵌套一个滑动的容器组件的话，如果说GridView、ListView的滑动方向与外层可滑动容器的滑动方向一致的时候，必然会引发滑动冲突的问题，这个时候我们的外层可滑动容器可以采用CustomScrollView，并配合SliverGrid、SliverList实现，查看ListView、GridView的源码可以知道，SliverGrid、
Flutter Sliver滚动组件
xiangxiongfly
11-17 1412
文章目录Flutter Sliver滚动组件SliverList & SliverGridSliverAppBarSliverPersistentHeaderSliverToBoxAdapterCustomScrollView & NestedScrollViewNestedScrollView+SliverAppBar+SliverFixedExtentList+ListViewNestedScrollView+SliverAppBar+CustomScrollView优化联动效果Nest
Flutter Sliver大家庭之Sliver实战④
高级开发者进阶ing... QaQ
12-25 1721
Flutter Sliver大家庭之Sliver实战 暗恋的人总是经过一段暗恋后变得坚强，也已成长，成长到接受别人的爱，亦或去追求所爱，而这一切，好像与那个人无关。那个人何其无辜，被爱时他丝毫不知情，被爱后别人的坚强也好似和他无关，但不得不承认，他无意中造就了一个人的蜕变和成长，所以，那个人，又是何其伟大。 今日效果图: 效果图(1.1): 分析: 使用NestedScrollView完成(滑动组件是用来处理复杂情况下的滑动应用场景，如向上滑动视图时，要折叠隐藏一部分内容，这时候就需要使用到 Nes
深入了解Flutter中的Sliver：介绍与使用场景
最新发布
爱喝水程序员的博客
01-30 1472
Sliver是Flutter中的一种特殊的滚动元素，它可以用来构建复杂的滚动效果，例如可伸缩的头部、悬浮的导航栏等。
Flutter笔记--Sliver用法
ljt2724960661的博客
02-04 1390
这一节主要复习Sliver
Flutter中的Slivers系列组件
我叫柱子哥
03-20 3917
Flutter中Sliver是跟Widget滚动相关的一些Widget。在app的开发过程中，滚动的使用随处可见，商品信息的列表展示,股票下拉刷新最新的行情等等。总结下来就是：要展示的内容的长度超过了当前屏幕的显示范围的时候，我们就会用到滚动组件。最常见的就是ListView和GridView。大部分的情况下，常见的ListView和GridView基本上能满足用户的需求，当我们要实现一些复杂的动画的时候，Sliver组件就派上了用场。比如说下面的动画效果,我们就可以使用Slivers轻松的实现。
Flutter中Dart语言基础教程
资源摘要信息:"Flutter和Dart是Google开发的用于构建跨平台移动应用程序的技术和语言。Flutter使用Dart作为其开发语言，它允许开发者使用相同的代码库为iOS和Android平台创建美观、高性能的应用程序。Dart是一种面向...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值