问题标签 [flutter-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
84546 浏览

flutter - 如何根据父级的大小布局小部件?

假设您有一个可能具有可变大小的父小部件。

例如:

也许你想让父容器的子容器根据给定的大小呈现不同的东西。

考虑响应式设计断点,如果宽度超过 X 使用此布局,如果宽度低于 X 使用该布局。

在 Flutter 中执行此操作的最佳方法是什么?

0 投票
13 回答
249777 浏览

flutter - 将元素调整为屏幕宽度/高度的百分比

是否有一种简单的(非 LayoutBuilder)方法可以根据屏幕大小(宽度/高度)调整元素的大小?例如:如何将 CardView 的宽度设置为屏幕宽度的 65%。

它不能在build方法内部完成(显然),所以它必须推迟到构建后。有没有一个首选的地方可以放置这样的逻辑?

0 投票
14 回答
141723 浏览

flutter - 以编程方式滚动到 ListView 的末尾

我有一个可滚动ListView的项目数量可以动态变化的地方。每当将新项目添加到列表末尾时,我想以编程方式将其滚动ListView到末尾。(例如,可以在末尾添加新消息的聊天消息列表之类的东西)

我的猜测是我需要ScrollController在我的State对象中创建一个并将其手动传递给ListView构造函数,这样我以后可以在控制器上调用animateTo()/jumpTo()方法。但是,由于我无法轻松确定最大滚动偏移量,因此似乎不可能简单地执行一种scrollToEnd()操作(而我可以轻松通过0.0使其滚动到初始位置)。

有没有简单的方法来实现这一目标?

使用reverse: true对我来说不是一个完美的解决方案,因为我希望当只有少量项目适合ListView视口时,项目在顶部对齐。

0 投票
4 回答
92797 浏览

flutter - 如何在 Flutter 中实现“磨砂玻璃”效果?

我正在编写一个 Flutter 应用程序,我想使用/实现 iOS 上常见的“磨砂玻璃”效果。我该怎么做呢?

0 投票
3 回答
27030 浏览

flutter - 如何平移和缩放图像?

我正在尝试为图像获取一些基本的平移和缩放功能。无状态版本可以显示图像(通过变换旋转 180 度)并且 Scale 事件显示在日志中,但仅此而已。

GestureDetector获取 pan/pinch/spread 事件的正确小部件是什么?我应该查看变换、动画,还是应该只修改Image小部件内的字段?

无状态版本

有状态的版本(不起作用)

更新(库解决方案)

使用https://pub.dartlang.org/packages/zoomable_image

(也许可以帮我添加物理和弹性边缘?)

0 投票
6 回答
125546 浏览

flutter - Flutter - 容器 onPressed?

我有这个容器:

当用户单击 时Container,我希望onPressed()触发一个方法(例如可以这样做IconButton)。我怎样才能实现这种行为Container

0 投票
3 回答
21409 浏览

flutter - Flutter ListView、SliverList 等中的当前滚动偏移量

如何获取 Flutter ListViewGridView、 SliverList` 等内部的当前滚动偏移量?

0 投票
6 回答
151092 浏览

flutter - 如何在 Flutter 中创建 GridView 布局

我正在尝试在颤动中布局一个 4x4 的瓷砖网格。我设法用列和行来做到这一点。但现在我找到了GridView组件。任何人都可以提供一个如何使用它的例子吗?

我无法真正理解文档。我似乎没有得到我想要的结果。

0 投票
17 回答
249844 浏览

flutter - 如何在 Flutter 中以编程方式显示/隐藏小部件

在 Android 中,每个View子类都有一个setVisibility()方法可以让您修改View对象的可见性

设置可见性有 3 个选项:

  • ViewVisible:在布局内渲染可见
  • 不可见:隐藏View,但留下一个与View可见时所占据的间隙相同的间隙
  • 消失:隐藏View,并将其从布局中完全删除。就好像它heightwidth曾经0dp

Flutter 中的 Widgets 是否有与上述等价的东西?

快速参考: https ://developer.android.com/reference/android/view/View.html#attr_android:visibility

0 投票
18 回答
287753 浏览

flutter - Flutter - 在溢出时换行,例如插入省略号或淡入淡出

我正在尝试创建一条中心文本具有最大大小的行,如果文本内容太大,则它适合大小。

我插入TextOverflow.ellipsis属性以缩短文本并插入三点...,但它不起作用。

主要.dart

结果:

在此处输入图像描述

预期的:

在此处输入图像描述