腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
使sliverAppBar在扩展模式下隐藏标题
、
、
我正在用SliverAppBar测试代码并制作这个小部件,但是我想隐藏一个问题,当SliverAppbar被使用时,它有“2个图标和标题”“类别页”,但是当我滚动它时,它必须显示并且flexibleSpace隐藏 这是我的密码 return Scaffold( body: CustomScrollView( slivers: <Widget>[ SliverAppBar( expandedHeight: 200, floating: false, pinned: true, snap
浏览 3
提问于2019-10-12
得票数 4
2
回答
如何在flutter中定制SliverAppBar控件?
、
我想在绿色区域添加更多信息,但当用户向上滚动时,我会将_ SliverAppBar放在顶部...,如下所示: 以下是我当前的源代码: body: new CustomScrollView(slivers: <Widget>[ const SliverAppBar( pinned: true, expandedHeight: 300.0, // TODO: check out later flexibleSpace: const FlexibleSpaceBar(
浏览 0
提问于2018-04-20
得票数 6
1
回答
SliverAppBar flexibleSpace不应该在滚动回滚中显示
、
、
、
我在flexibleSpace中使用SliverAppBar中的浮点: true,pinned: false,snap: true:当我向上滚动时。它显示了AppBar和flexibleSpace空间。但我想要的是,当用户滚动底部时,它应该隐藏应用程序栏和flexibleSpace,而当用户滚动向上滚动时,应该只显示appBar。直到滚动到页面的第一页,它也应该显示flexibleSpace。
浏览 2
提问于2020-10-22
得票数 2
回答已采纳
1
回答
颤振如何显示“浮动:真”与SliverAppBar中的Widget高度大小相同?( CustomScrollView)
、
、
、
我创建了一个带有CustomScrollViews的滚动列表。 我想要 第1行和第3行是hideWhen ,第2行应该是向下滚动的,小部件(=2第3行)在不中断的情况下完全显示。 屏幕截图 App动作视频 (+向下滚动时的小高度) 代码 @override Widget build(BuildContext context) { final list = List<int>.generate(100, (i) => i + 1); return CandySafeScaffold( body: CustomScrollView(
浏览 8
提问于2021-01-14
得票数 1
2
回答
如何向SliverAppBar添加渐变,但只有在它崩溃时才能这样做?
、
、
早上好。 我正在从一个AppBar变成一个SliverAppBar。最初的AppBar在flexibleSpace中有一个渐变,但是现在在SliverAppBar中,我需要向flexibleSpace (用户照片和一些小部件)添加其他东西。因此,当SliverAppBar崩溃时,需要用我的渐变来显示它,但是当它被展开时,需要显示用户的照片,等等;当然,还需要隐藏渐变。 看这里,我发布了一段视频,其中有条条在工作,但还没有渐变: 如何在SliverAppBar上设置梯度,因为flexibleSpace已经有内容了?我认为这样做的方法是使用GlobalKey在SliverAppBar中检查它是否被
浏览 0
提问于2020-01-20
得票数 2
回答已采纳
1
回答
像颤动中的标题文本一样缩小SliverAppBar图像动画
、
、
、
、
我正在尝试复制带有图像的sliverAppBar自然产生的文本收缩效果,这样滑块头的背景图像就会缩小到SliverAppBar应用程序栏中的前导图标。 我曾尝试使用带有滚动控制器的AnimatedPostioned flutter小部件,该控制器可在滚动页面时切换isSkrink布尔值的状态。 下面是AnimatedPosition小部件: AnimatedPositioned( width: isShrink ? 10.0 : 200.0, height: isShrink ? 10.0 : 200.0, duration: Duration(seconds: 2), cu
浏览 30
提问于2020-12-04
得票数 1
回答已采纳
1
回答
颤振: Sliverappbar草图卷轴
、
、
我试图创建像这样的UI/UX,在滚动的同时调整图片大小适合应用程序栏,我尝试使用SliverAppBar并将图像小部件放到标题中。 面临问题 图像现在在前导图标和动作图标下重叠,由于expandedHeight,不同比例的图像可能会被裁剪。 SliverAppBar( backgroundColor: Colors.black, leading: BackIcon() expandedHeight: context.mediaQuerySize.width, floating: false, pinned: true, snap: false, stret
浏览 24
提问于2022-04-03
得票数 0
回答已采纳
2
回答
Flutter SliverAppBar,折叠背景以填充前导空间
、
、
、
、
我想使用创建一个带有SliverAppBar的狭长列表视图,这样当我向上滚动列表时,正文中的图标就会缩小,出现在appBar的leading空间中。 这里的图片展示了我想要实现的东西。当我向上滚动时,图表应该向上移动并滑动到标题旁边。(类似于Hero小部件) 到目前为止,我尝试了SliverAppBar,但不能成功。我很乐意使用其他小工具来实现这一点。谢谢。
浏览 4
提问于2020-03-23
得票数 2
1
回答
如何在SliverAppBar中创建菜单?
、
、
我希望在滚动时有一个固定了TabBar的SliverAppBar,但在标签栏之前,我想要一个介于两者之间的菜单。 @override Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomPadding: false, body: NestedScrollView( controller: _scrollViewController, headerSliverBuilder: (BuildContext context, boo
浏览 3
提问于2020-08-14
得票数 0
1
回答
SliverHeader行为管理
、
、
、
我的颤音应用程序有一个NestedScrollView和一个headerSliverBuilder。 我在这个构建器中的SliverAppBar是这样的: SliverAppBar( elevation: 0, snap: true, pinned: false, floating: true, forceElevated: false, primary: false, automaticallyImplyLeading: false, backgroundColor: Colors.white, expandedHeig
浏览 5
提问于2021-03-21
得票数 1
回答已采纳
1
回答
SliverAppBar:如何在滚动过程中保持本地视图的活力?
我希望在一个HeaderContainer的flexibleSpace中显示一个本机视图( SliverAppBar ),并阻止它重新构建。 return new Scaffold( body: CustomScrollView( slivers: <Widget>[ SliverAppBar( backgroundColor: Colors.teal, pinned: true, expandedHeight: 180,
浏览 0
提问于2019-01-21
得票数 4
1
回答
鼠标滚动不工作在SliverAppbar()或SliverAppbar()浮动不工作颤振网页
、
、
、
、
当我在CustomScrollView()中使用CustomScrollView()时,SliverAppBar() 浮点:true不适合鼠标滚动 CustomScrollView( slivers: <Widget>[ SliverAppBar( floating:true, expandedHeight: 150.0, flexibleSpace: const FlexibleSpaceBar( title: Text('Available seats'), ), actions: <Widget
浏览 2
提问于2020-07-31
得票数 2
2
回答
SliverFillRemaining中的内容未滚动的CustomScrollView切片
、
、
我正在尝试使用CustomScrollView和Sliver小部件创建一个颤动屏幕,其中SliverFillRemaining有一个文本小部件,可以像阅读可滚动文本内容一样向下滚动。 我可以通过将文本包装在SingleChildScrollView中来实现这一点,但是我希望能够使用SliverAppBar自动隐藏标题的功能 如何实现类似于SingleChildScrollView的行为? 当我在SliverFillRemaining中添加文本小部件时,它只会向下滚动,直到SliverAppBar隐藏,然后停止。 var scaffold = Scaffold( body: Custom
浏览 2
提问于2019-07-11
得票数 5
回答已采纳
2
回答
如何在Flutter中自定义SliverAppBar中的flexibleSpace属性?
、
我希望在展开时使用自定义部件树,而不是在SliverAppBar的flexibleSpace属性中使用FlexibleSpaceBar,但在滚动时,我希望显示自定义文本,而不是部件树。 我已经创建了一个自定义窗口小部件树,它应该分配给flexibleSpace属性,但我不知道如何在滚动时显示自定义文本,以及如何隐藏窗口小部件树。 SliverAppBar( expandedHeight: 180.0, backgroundColor: const Color(0xFF9e0118), iconTheme: IconThemeData
浏览 122
提问于2018-12-29
得票数 6
1
回答
SliverAppBar SliverAppBar --允许滚动,直到Flutter不再可见
、
、
、
我正在尝试创建一个带有SliverAppBar的CustomScrollView。由于包含主要内容的SliverGrid可能经常没有足够的内容来滚动通过“SliverAppBar”,因此UI现在感觉“卡住了”;用户只能滚动到SliverAppBar的一部分,但在它被隐藏之前永远不能滚动。 因此,我希望away只允许滚动,直到SliverAppBar被隐藏。 下面是我当前的代码, class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaff
浏览 12
提问于2020-07-25
得票数 0
回答已采纳
1
回答
为什么CustomScrollView没有检测到滚动
、
我在Scaffold中使用CustomScrollView,不知道为什么它没有检测到滚动行为。 Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( slivers: <Widget>[ // SliverAppBar(floating: true,), SliverAppBar( expandedHeight: 300, flexib
浏览 2
提问于2022-05-03
得票数 0
1
回答
如何在FlexibleSpaceBar (SliverAppBar)中修复标题的textSize?
如何在FlexibleSpaceBar中修复标题的de textSize? ... child: CustomScrollView( slivers: <Widget>[ new SliverAppBar( backgroundColor: Colors.white, automaticallyImplyLeading: false, actions
浏览 19
提问于2019-08-04
得票数 2
1
回答
颤振:列表卷轴上的sliverAppBar调整大小问题
、
、
我想使sliverAppBar调整大小,而滚动列表在它下面。 现在有两个问题: 1) sliverAppBar在滚动列表时不会调整大小() 2)我找不到当sliverAppBar的子内容改变高度()时如何调整子内容大小的例子/解决方案。 @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.white, body: CustomScrollView( slivers: <Widget>[ SliverAppBar(
浏览 4
提问于2019-10-09
得票数 0
1
回答
带有抓取和浮动功能的颤动水平CustomScrollView
、
、
有没有办法构建一个功能类似于SliverAppBar的小部件?当scrollDirection为水平时,SliverAppBar不能很好地与CustomScrollView一起工作。我想有一个小部件,其中snap和浮动是真的,但钉住是假的。因此,我不认为StickyHeader是一个好的选择。 本质上,我正在寻找一个像SliverAppBar这样的小部件,向左滚动显示一个iconButton,并一直滚动到开始将该IconButton扩展为一个扁平/凸起的按钮(这将是flexibleSpace)。 有什么想法吗?
浏览 8
提问于2020-03-07
得票数 0
1
回答
在Flutter中,如何创建具有磨砂玻璃效果的SliverAppBar?
、
我想创建一个类似于Apple News应用程序中的顶层应用程序栏。 在屏幕截图中看到模糊有点困难,因为条形图太细了,但你明白了。 ? 我想让条通过滚动来扩展和收缩,并在收缩时固定在顶部,就像在截图中一样,SliverAppBar做了所有的事情,除了我不能用ClipRect,BackdropFilter和Opacity包装它来创建磨砂玻璃效果,因为CustomScrollView只接受RenderSliver子类。 我的测试代码: Widget build(BuildContext context) { return CustomScrollView( slivers: &
浏览 65
提问于2019-08-24
得票数 3
回答已采纳
2
回答
SliverAppBar - SliverList一直滚动到顶部
、
、
、
、
我目前正在使用SliverAppBar,我在滚动sliverList时遇到了问题。 在上面的图片中,我的TabBar一直到通知栏。当sliverAppBar崩溃时,我希望我的Tabbar保持在AppBar的底部。 这是我正在尝试的密码..。 return Scaffold( body: CustomScrollView( slivers: <Widget>[ SliverAppBar( //backgroundColor: Colors.transparent, actions: <Widget>
浏览 3
提问于2019-11-20
得票数 0
回答已采纳
1
回答
颤振-当列表向下滚动时显示一个浮动小部件
、
当列表向上滚动时,是否有方法显示屏幕顶部的浮动小部件? 我的屏幕上有一个小部件(在一个可滚动的小部件中),当我向上滚动时,我想将这个小部件转换为一个粘性的标题。当我向下滚动的时候把它放回去。 我尝试过使用Slivers和SliverAppBar (如果浮动设置为true),但它的工作方式正好相反,它在滚动时显示出来,而当滚动时则隐藏起来。 知道去哪找吗?或者有什么例子? 这是我试过的。 CustomScrollView( slivers: <Widget>[ SliverToBoxAdapter( child: Container( colo
浏览 2
提问于2020-01-18
得票数 2
1
回答
如何在颤动中滚动时固定SliverAppBar中的TextField?
、
SliverAppBar包含文本字段搜索框,但它会在滚动时向上滚动。如何在滚动时显示搜索框。我做了我自己的工作,但没有起作用。如果有任何关于Sliverappbar和Slivergrid的资源,它也很有用。但是现在如何锁定appbar textfield呢? SliverAppBar( //snap: true, stretch: true, //floating: true, title: Text('Home'), centerTitle: true, expandedHeight: 100.0,
浏览 18
提问于2021-09-19
得票数 1
回答已采纳
1
回答
在这个例子中,我如何在SliverAppBar中创建一个部件的动画?
、
在这个例子中,如何在SliverAppBar中对小部件进行动画处理? 在这个例子中,当我向下滚动时,"Pagamenti“文本是动态的。我认为这是通过带有FlexibleSpaceBar()的SliverAppBar实现的,但我不能这样做。 我需要一个AnimatedPositioned小部件吗?谢谢。 ? 从这里开始: void main() => runApp(MyApp()); class MyApp extends StatelessWidget { MyApp({Key key}) : super(key: key); @override Wi
浏览 4
提问于2020-12-05
得票数 1
1
回答
如何将CustomScrollView中的SliverAppBar与SliverFixedExtentList集成在一起,以及如何使用可滚动标签的脚手架?
、
我们的目标是设计一个看起来像Twitter的个人资料页面的UI,在那里你可以检查用户的个人资料(区块A),然后你就有了一个标签栏(区块B)和无限的滚动选项卡视图(区块C)。标签栏应该像一个SliverAppBar,当你向上滚动到区块A的末尾时,它可以被“钉住”。 我可以在CustomScrollView中构建一个SliverAppBar,并将profile part (块A)作为其background属性,并设置expandedHeight bigger以查看profile part。然而,在这个解决方案中,我不知道如何将SliverFixedExtentList部件转换为可滚动的选项卡视图
浏览 26
提问于2020-09-04
得票数 0
回答已采纳
2
回答
Flutter: sliberAppBar stick图标到底部
、
、
我厌倦了尝试布局..我就是找不到如何将菜单图标与sliverAppBar底部对齐的方法。当sliverAppBar正在调整大小时,它应该永久地停留在底部。 SliverAppBar( expandedHeight: 200.0, floating: false, pinned: true, elevation: 0.0, /*leading: Column( // <-- icon positioned in the upper section of appBar mainAxisAlignment: MainAxisAlignment.end,
浏览 1
提问于2019-10-10
得票数 1
1
回答
如何在flexibleSpace中移动SliverAppBar中的动作和标题?
、
、
我正试图在颤栗中实现类似的东西。 但我现在被困在这上面了。 操作按钮被固定在UI的顶部,不与文本一起移动。有什么办法把它们放进条子里吗? 我一直未能找到将操作添加到SliverAppBar的SliverAppBar部分的方法 SliverAppBar( floating: false, pinned: true, expandedHeight: 150.0, backgroundColor: Color.fromRGBO(58, 66, 86, 1.0), flexibleSpace: const FlexibleSpaceBar
浏览 0
提问于2019-08-22
得票数 8
回答已采纳
1
回答
CustomScrollView滚动行为在传递scrollController时发生更改
、
、
、
我正试图自动滚动到SliverList的末尾,它位于CustomScrollView中。SliverList本身没有控制器属性,所以我必须将一个ScrollController传递给CustomScrollView。 问题是,当我将控制器传递给CustomScrollView时,它的行为会发生变化,它不再滚动外部列表,也不会导致SliverAppBar部件崩溃。我如何能够自动滚动SliverList,并保持CustomScrollView的行为像以前一样? 这是我的代码: class _MyHomePageState extends State<MyHomePage> { Sc
浏览 1
提问于2020-12-19
得票数 2
回答已采纳
1
回答
滚动TabBarView子项时使SliverAppBar可滚动
、
我有底部导航的主屏幕由两个项目组成,这两个项目都有无限列表内的ListView,我希望当用户滚动列表之一时,SliverAppBar是可滚动的。这是我到目前为止所掌握的 class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return DefaultTabController( length: 2, child: new Scaffold( body: CustomScrollView(
浏览 6
提问于2020-04-01
得票数 2
回答已采纳
1
回答
不将SliverToBoxAdapter与透明SliverAppBar重叠
、
当SliverToBoxAdapter滚动时,是否有可能不与透明的SliverAppBar重叠? 还是放弃使用SliverAppBar,转而使用AppBar? Widget build(BuildContext context) { return SafeArea( child: Stack( children: [ Image( image: bkgImage, height: MediaQuery.of(context).size.height, width: MediaQuery.of(context).size.w
浏览 14
提问于2022-04-22
得票数 0
3
回答
如何创建带有自定义应用程序栏和图像的SliverAppBar?
、
我想要创建一个应用程序,在其中我使用SliverAppBar与我的CustomAppBar,但我也想这样做的背景图像。 结果图像 在滚动之后,结果必须是 但我现在不知道该怎么做。求你帮帮我。 我的代码: CustomScrollView( slivers: <Widget>[ SliverAppBar( pinned: true, expandedHeight: MediaQuery.of(context).size.height * 0.4, flexibleSpace: FlexibleSp
浏览 2
提问于2021-07-21
得票数 0
回答已采纳
4
回答
删除SliverAppBar底部边框-颤振
、
、
我想移除我在上面图片中突出显示的边框。我找不到解决这个问题的办法: 这是我的SliverAppBar代码: NestedScrollView( headerSliverBuilder: (BuildContext ctx, isScrolled) { return <Widget>[ SliverAppBar( title: Text('Applying to this job opportunity'), pinn
浏览 2
提问于2019-07-15
得票数 3
回答已采纳
1
回答
如何将SliverAppBar的标题垂直地居中?
、
、
、
、
我想把标题垂直地放在我的SliverAppBar中。我在互联网上找到了一个解决方案,你把空容器放在标题的上方和下面,这样文字就会居中,但问题是当你向上滚动时,只有小的应用程序,你看不到更多的标题,因为空的容器太大了。我已经将我的titel水平地居中,但我也需要它是垂直的中心。有人知道这个问题的解决办法吗? 这是我目前的代码: SliverAppBar( expandedHeight: MediaQuery.of(context).size.height * 0.20, floating: false, pinned: true, flexibleSpace: F
浏览 3
提问于2021-02-12
得票数 1
回答已采纳
1
回答
如何使修改幻灯片,使我可以看到的背景图像与FlexibleSpaceBar时,我滚动?
、
、
、
如何使修改幻灯片,使我可以看到的背景图像与FlexibleSpaceBar时,我滚动? SliverAppBar( expandedHeight: 200.0, floating: false, pinned: true, flexibleSpace: FlexibleSpaceBar( centerTitle: true, title: Text("Collapsing Toolbar", style:
浏览 10
提问于2021-01-30
得票数 0
回答已采纳
1
回答
[Flutter]在SliverAppBar中向下滚动时,如何保持NestedScrollView的flexibleSpace展开?
、
当在NestedScrollView中向下滚动时,如何保持SliverAppBar展开? 我想更改名为'_locked‘的标志来锁定SliverAppBar高度,但我不知道该怎么做。 可能需要使用SliverPersistentHeader小部件? class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() =>
浏览 0
提问于2019-11-27
得票数 0
2
回答
颤振-在灵活空间中内容重叠的应用程序滚动
、
、
、
我正在尝试重新创建应用程序条滚动与重叠的内容在灵活的空间使用颤振。 在这里演示了这种行为: 我已经使用SliverAppBar创建了折叠AppBar,使用我在这里粘贴的代码,我正在尝试创建 我无法使用Stack,因为我找不到任何onScroll回调,到目前为止,我用flexibleSpace创建了应用程序栏,应用程序条折叠在滚动页上: Scaffold( body: NestedScrollView( headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) =>
浏览 1
提问于2018-07-22
得票数 8
2
回答
无法删除银应用程序栏中的后退按钮
、
、
我正在使用下面的SliverAppBar,当我通过Navigation.pushReplacement到达这个页面时,我想删除后退按钮。 此SliverAppBar嵌套在一个页面中,该页面反过来嵌套在底部栏导航中。 我该如何移除后退按钮? SliverAppBar( expandedHeight: 120.0, floating: true, pinned: false, snap: true, elevation: 40, backgroundCo
浏览 6
提问于2020-07-06
得票数 3
回答已采纳
1
回答
如何检测SliverAppBar已固定
、
、
我对我的申请很感兴趣。我想要做的是,当SliverAppBar完全向上滚动时,我想在其中显示一个不同的小部件。 有人能在这方面提供一些帮助吗? 我知道使用SliverPersistentHeader可以做这样的事情。但是有没有办法根据头部的位置来显示和隐藏头部呢? class SliversBasicPage extends StatelessWidget { _isPinned() { return false; } @override Widget build(BuildContext context) { return CustomScrollView(
浏览 17
提问于2020-09-18
得票数 0
回答已采纳
1
回答
当焦点TextField进入CustomScrollView时,如何停止滚动?
、
、
我正与TextField在CustomScrollView中挣扎。 在我的应用程序中,我有一个CustomScrollView内容SliverAppBar和SliverList。我把SliverAppBar放在TextField。当我焦点TextField,SliverList自动滚动到顶部位置,然后我添加属性showCursor: false,它停止滚动,但我想显示光标,而不是滚动。如何存档。非常感谢!! 这是我的密码: import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidg
浏览 2
提问于2020-01-08
得票数 4
1
回答
如何在触摸焦点位于另一个小部件上时防止SliverAppBar滚动
、
、
、
我有一个SliverAppBar,当用户在页面上向下滚动时,我想隐藏它。问题是,我有一个Google Map小部件,它会导致应用程序栏也移动,而我只想让它只在我的触摸离开Google Map时移动。有没有prevent this的方法? @override Widget build(BuildContext context) { return SafeArea( child: Scaffold( body: CustomScrollView( slivers: <Widget>[ SliverAppBar( backgroundCo
浏览 10
提问于2019-04-27
得票数 1
回答已采纳
1
回答
在fliutter中进行搜索的可折叠AppBar
、
、
、
我想使用一个内部带有TextField的SliverAppBar来进行搜索,从而实现类似的功能。当用户向上滚动时,TextField应该会向上滚动并固定在appBar上。然而,我一直无法做到这一点。 这是我的代码: return CustomScrollView( slivers: <Widget>[ SliverAppBar( stretch: false, expandedHeight: 200.0, fl
浏览 12
提问于2020-04-13
得票数 0
2
回答
在滚动的Flutter SliverAppBar中隐藏标题
、
我有一个可以正常工作的CustomScrollView,但没有找到完全隐藏SliverAppBar顶部的方法(例如,在滚动上,我想隐藏图像和标题,但显示底部): 编辑:如图所示,我想让SliverAppBar的底部保持滚动。设置"pinned: false“会在滚动中隐藏两者,所以对我不起作用。 甚至在我添加填充之前,我希望我的标题在折叠时隐藏,如下所示: 现在它被截断了,我真的想把它隐藏起来。 我看过一些文章,你可以将标题隐藏在NestedScrollView中(例如,上面的gif),但如果可能的话,我想保留我的CustomScrollView? 下面是
浏览 0
提问于2019-10-21
得票数 3
2
回答
条形应用程序条显示不正确-颤振
、
、
、
我正在尝试显示一个SliverAppBar,如我的设计所示 但我不确定能不能在颤栗中完成 这是到目前为止我的代码 SliverAppBar( // title: , backgroundColor: Colors.grey[200], expandedHeight: 300, centerTitle: true, shape: const ContinuousRectangleBorder( borderRadius: BorderRadius.only( bo
浏览 0
提问于2021-10-06
得票数 0
回答已采纳
1
回答
如何关闭`CustomScrollView`中的`SliverAppBar`折叠时的模糊效果
、
、
1.上下文 我正在尝试制作一个顶部有一些空白空间的ListView,这样用户就可以将顶部的卡片放在屏幕的底部,这样她就可以用拇指轻松地访问它们。正如在中所讨论的,我不能使用常规的ListView来实现这一点,所以我切换到了它的父类CustomScrollView。 然而,在添加顶部SliverAppBar之后,当我接近折叠它时,空间模糊成更深的灰色阴影,如下图所示。如何禁用此效果? 2.《守则》 到目前为止,我使用的` `SliverAppBar是: SliverAppBar( automaticallyImplyLeading: false, // gets rid of th
浏览 26
提问于2019-11-16
得票数 0
1
回答
为什么Sliver App Bar的flexibleSpace参数必须接受带有常量构造函数的小部件?
、
我正在尝试构建一个自定义的滚动视图,其中包含一个狭长的应用程序栏,以实现类似如下所示的功能: https://medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe 然而,我想有词搜索和它下面我想要3 IconButtons均匀间距,当页面(CustomScrollView)是滚动,我希望3 IconButtons固定在顶部的SliverAppBar和搜索文本消失… 我试图通过以下代码实现上述目标: class SearchPage extends StatelessWidget {
浏览 20
提问于2019-05-29
得票数 1
回答已采纳
1
回答
防止内容在SliverAppBar下滚动
、
、
、
我有一个条形布局,顶部有一个SliverAppBar,向下滚动时会崩溃。 问题如下: 我的条子布局的内容滚动到SliverAppBar:(不想要) 相反,一旦我的SliverAppBar崩溃,我想禁止进一步滚动。 这应该是您可以向下滚动的最大状态: 代码: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { var scrollController = ScrollContro
浏览 4
提问于2019-11-21
得票数 2
回答已采纳
1
回答
如何在颤动中制作可调的图像容器
、
、
、
当容器的高度大于图像但在不同的覆盖范围内时,图像应覆盖。在小工具条上使用boxfill cover不会改变图像尺寸。 SliverAppBar( title: Text('SliverAppBar'), backgroundColor: Colors.green, expandedHeight: MediaQuery.of(context).size.height, flexibleSpace: FlexibleSpaceBar( background: Image.asset('a
浏览 10
提问于2019-11-27
得票数 0
1
回答
当SliverAppBar在Flutter中最小化时,有没有办法查看内容?
、
、
有没有办法在SliverAppBar最小化的时候看到“文本”部分,如下图所示? 当使用下面的代码滚动时,“Text”部分似乎消失了。 我是否应该使用不同的Widget类型? import 'package:flutter/material.dart'; main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Page1()
浏览 10
提问于2020-06-21
得票数 0
1
回答
在向下滚动时调整SliverAppBar内容的大小
、
我有一些问题与狭长的应用程序栏和它的内容。当我向下滚动SliverList的内容(在下面的代码中)时,我想在flexibleSpace中调整图像的大小,以适应列表中顶部元素的图像。 现在,我有这个(在这里按住拖拽位置):click 我想要想出这样的东西(并返回到最初的expandedHeight on drag结束):click Tbh,我没有任何关于如何使用sliver应用程序栏来实现此行为的想法,任何帮助都将不胜感激! 以下是我的代码 @override Widget build(BuildContext context) { return Scaffold(
浏览 16
提问于2020-12-10
得票数 1
回答已采纳
2
回答
如何使银应用程序不应崩溃
、
、
我想让我的银色应用程序条不崩溃,即使我滚动起来。有没有办法不让它崩溃? NestedScrollView( headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return <Widget>[ SliverOverlapAbsorber( handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context), slive
浏览 7
提问于2022-02-14
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
底部导航设计的黄金法则
谷歌 Chrome 浏览器将提供 “实验性功能”按钮,以后再也不用输入 chrome://flags 了
Scratch的下载、安装和设置
谷歌 Chrome 浏览器将提供 “实验性功能”按钮,以后再也不用输入 chrome://fl……
程序猿必备的10款web前端动画插件二
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券