flutter-widget相关内容

防止小部件填充Flutter中扩展的祖先

如何防止 RaisedButton 展开以填充包含它的 Expanded?我想创建与可用空间成正比的三列宽度,但我希望每列中的子项都具有其自然大小,而不会消耗其父项 Expanded 的整个宽度. Widget _controls(BuildContext cx) {返回行(孩子们: [展开(弹性:1,孩子:player.isOnFirstItem?容器():图标按钮(图标:图标(Icons. ..
发布时间:2022-01-23 12:27:58 其他开发

如何在 Flutter 中指定 ListTile 高度

在这段代码中,我试图列出按钮或磁贴“因为按钮对我来说效果不佳"在页面的最顶部.因此,当单击一个时,它会在页面的其余部分返回一个值. 问题是这里的磁贴占据了页面的一半以上,这使得它看起来不一致.我想限制瓷砖的高度,我尝试将它们放在一排和一个容器中,但它不起作用.任何帮助将不胜感激. 运行代码后的结果是: 这是运行代码后的错误: class HomePage 扩展 Stateful ..
发布时间:2022-01-23 12:26:17 其他开发

Flutter – 连续两个文本,左边一个优雅地溢出

如何让两个并排的文本小部件只允许最左边的一个优雅地溢出? 一列中的一个文本小部件很容易优雅地溢出.两个文本小部件连续并排是有问题的. 堆栈溢出需要更多细节,但老实说,我现在可能只是在浪费你更多的时间. Widget _listItem({String title, String subtitle}){返回行(孩子们:[_listItemIcon(),展开(孩子:列(cros ..
发布时间:2022-01-23 12:02:53 其他开发

根据另一个小部件的位置/大小定位/调整小部件的大小

我曾经在 Flutter 中遇到过几次已经相当大的墙.动画或构建小部件,这取决于其他小部件来获取它们的大小/位置. 一些可能是我最糟糕的噩梦的例子:动态地将小部件彼此相邻.在 css 中我们会有这个: .root {显示:弯曲;背景:灰色;填充:4px;}.root >分区 {背景:浅灰色;右边距:5px;填充:5px;} 动态高度 动态 ..

如何在 Flutter 的 Canvas 上绘制 Widget?

有没有办法在 Canvas 的给定位置绘制 Widget? 更具体地说,我想在前面的单独 Canvas 上绘制与 FlutterMap 相关的 Marker 的子小部件实际的 FlutterMap 小部件.这是创建 CustomPainter 的尝试,但我不知道如何在画布上实际绘制小部件.使用 RenderObject 需要一个 PaintingContext,我不知道如何创建/检索: c ..

创建内部带有透明孔的小部件

如何创建一个内部有透明孔的半透明背景?我尝试使用具有不同混合模式、堆栈、ClipRect、颜色过滤器的装饰和前景装饰,但没有任何效果.我会欣赏任何想法.谢谢! 解决方案 我发现的“最简单"的方法是使用带有 Stack 的 ColorFiltered Widget>. 以下代码将准确创建您需要的内容: @override小部件构建(BuildContext 上下文){返回材料(孩子: ..
发布时间:2022-01-23 11:43:56 其他开发

Flutter - 容器上的叠加卡片小部件

在颤振中,是否可以将卡片的一部分放在另一个容器上?在 CSS 中,我们会将 margin-top 设置为负值或使用 translate 属性.由于我们无法为 margin-top 设置负值,所以有其他替代方法吗? 解决方案 是的,您可以使用 Stack 小部件来实现它.您可以在背景上堆叠卡片并提供顶部或底部填充. 一个简单的例子如下: 类 StackDemo 扩展 Stateles ..
发布时间:2022-01-23 11:42:16 其他开发

Flutter/Dart - 延迟后打开视图

我正在尝试在加载视图延迟后找到打开视图的解决方案.我有一个视图,其中有一个按钮,当我按下它时,onPressed() 方法会触发 Navigator.of(Context).pushNamed("/loading").打开加载视图.在加载视图中,我有一个功能可以延迟 1.5 秒,然后打开主视图,代码如下: 未来延迟()异步{等待新的 Future.delayed(新的持续时间(毫秒:1500), ..
发布时间:2022-01-23 11:34:52 其他开发

Flutter AppBar 上的渐变背景

如何将AppBar的backgroundColor设置为渐变色? 解决方案 我不相信您可以将渐变传递给 AppBar,因为它需要颜色而不是渐变. 但是,您可以创建自己的小部件来模仿 AppBar,除非使用渐变.看看我从 Planets-Flutter 教程中拼凑的这个例子 以及它下面的代码. import "package:flutter/material.dart";类页面扩 ..
发布时间:2022-01-23 11:34:12 其他开发

如何删除 Flutter IconButton 大填充?

我想要一排 IconButtons,彼此相邻,但在实际图标和 IconButton 限制之间似乎有相当大的填充.我已经将按钮上的填充设置为 0. 这是我的组件,非常简单: 类 ActionButtons 扩展 StatelessWidget {@覆盖小部件构建(BuildContext 上下文){返回容器(颜色:Colors.lightBlue,边距:常量 EdgeInsets.all(0 ..
发布时间:2022-01-23 11:31:47 其他开发

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

假设您有一个可能具有可变大小的父小部件. 例如: var container = new Container(height: 200.0,//想象一下这可能会改变width: 200.0,//想象一下这可能会改变//想象这个容器中的内容将//依赖于父容器孩子:新的容器(),); 也许你想让父容器的子容器根据它给定的大小呈现不同的东西. 考虑响应式设计断点,如果宽度超过 X 使用此布 ..
发布时间:2022-01-23 11:28:41 其他开发

如何将 ListView 添加到 Flutter 中的列?

我正在尝试为我的 Flutter 应用构建一个简单的登录页面.我已经成功构建了 TextFields 和登录/登录按钮.我想添加一个水平 ListView.当我运行代码时,我的元素消失了,如果我在没有 ListView 的情况下执行它,它又可以了.我怎样才能正确地做到这一点? return new MaterialApp(家:新脚手架(应用程序栏:新的应用程序栏(标题:新文本(“登录/注册"), ..
发布时间:2022-01-23 11:22:58 其他开发

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

在 Android 中,每个 View 子类都有一个 setVisibility() 方法,允许您修改 View 对象的可见性 有 3 种设置可见性的选项: 可见:使 View 在布局内可见 不可见:隐藏 View,但留下的间隙相当于 View 可见时所占用的空间 Gone:隐藏 View,并将其从布局中完全移除.好像它的 height 和 width 是 0dp 对于 Fl ..
发布时间:2022-01-23 11:22:41 其他开发

如何有条件地将小部件添加到列表中?

在 Flutter 中,Row/ListView/Stack 等小部件不处理 null 子级.因此,如果我们想有条件地将小部件添加为子小部件,我通常会执行以下操作: 行(孩子们:[富== 42?文本(“foo"):容器(),],); 但是添加一个空容器感觉很奇怪. 另一种解决方案是 where 过滤器: 行(孩子们:[富== 42?文本(“foo"):空,].whe ..

如何获取 Widget 的高度?

我不明白如何使用 LayoutBuilder 来获取 Widget 的高度. 我需要显示小部件列表并获取它们的高度,以便计算一些特殊的滚动效果.我正在开发一个包,其他开发人员提供小部件(我不控制它们).我读到 LayoutBuilder 可以用来获取高度. 在非常简单的情况下,我尝试将 Widget 包装在 LayoutBuilder.builder 中并将其放入 Stack 中,但我 ..
发布时间:2022-01-18 21:58:09 其他开发

查找已停用小部件的祖先是不安全的

我是 Flutter 的新手,我正在尝试使用对话框接收数据.当在 textField 中单击时出现 image2 的错误... show(BuildContext 上下文){var 对话框 = 对话框(孩子:容器(边距:EdgeInsets.all(8.0),孩子:表格(孩子:列(mainAxisSize: MainAxisSize.min,孩子们:[文本表单域(装饰:输入装饰(l ..
发布时间:2022-01-15 13:44:24 其他开发