flutter-layout相关内容

async/await 在 Flutter 的登录页面中执行 CircularProgressIndicator

我在登录页面中遇到了 CircularProgressIndicator 的问题.我想这样做.当用户点击“登录"按钮时,我希望应用程序创建一个 CircularProgressIndicator 并启动 raiseButton Text 并添加 CircularProgessIdnicator,然后我的应用程序从我的网络服务获取数据我想停止 CircularProgessIndicator.有小费 ..
发布时间:2022-01-23 12:22:29 其他开发

Container BoxShadow 不适用于 InkWell 材料

我想为这个容器使用 Inkwell splash.没有 Inkwell 小部件. 扩展(孩子:容器(填充:EdgeInsets.all(12.0),装饰:盒子装饰(盒子阴影:[盒子阴影(颜色:Colors.black26,偏移量:偏移量(0, 1),模糊半径:2.0)],边界半径:边界半径.圆形(12.0),颜色:_size.white,),孩子:列(孩子们:[图标(Icons.boo ..
发布时间:2022-01-23 12:22:23 其他开发

如何在颤动的滚动视图中将容器或任何其他小部件固定在应用栏下方

我希望在滚动屏幕时将小部件放置在应用下方.屏幕包含一个具有灵活空间的浮动应用栏 (sliverappbar),在其下方有一个容器,其中包含任何容器或选项卡视图.链接中的视频就是我想要的效果示例. 解决方案 好吧,我想我现在明白你了.您需要实现一个 CustomScrollView CustomScrollView(条子:[SliverAppBar(//你的应用栏在这里),Sli ..

Youtube 像颤动的全屏按钮

我正在疯狂地尝试实现一个类似 Youtube 的全屏按钮,我在 OrientationBuilder 中有我的小部件树,逻辑应该遵循这个方案: 如果方向被用户锁定:全屏按钮应将方向从纵向更改为横向,如果在全屏时,按钮应更改为纵向这部分没有问题,我只是调用正确的 SystemChrome.setPreferredOrientations([DeviceOrientation.landscape ..
发布时间:2022-01-23 12:21:49 其他开发

带有封面图片和头像的 Flutter 个人资料页面

我想制作带有封面图片和个人资料图片的个人资料页面.我需要将个人资料照片堆叠在底部的封面照片上.请参考上图. 下面是我目前的代码 class AccountPageState extends State{@覆盖小部件构建(BuildContext 上下文){返回脚手架(身体:容器(身高:170.0,宽度:双无限,装饰:盒子装饰(图片:装饰图片(图片:AssetImage("assets/im ..
发布时间:2022-01-23 12:21:43 其他开发

底部被 Infinity 像素溢出的 RenderFlex

我有一个非常简单的控件,我试图在其中显示带有几个 TextFields 的 DropdownButton. 当应用程序在模拟器中运行时,我收到一条错误消息 底部被无限像素溢出 Stack Trace 提示了该问题并指向了一些相关文档,但是对于 Flutter 来说非常新,我不确定需要更改什么. 我根据类似错误的问题尝试了许多建议,但没有任何运气. 堆栈跟踪: I/flutter ..
发布时间:2022-01-23 12:20:52 其他开发

如何设置 Flutter showMenu 起点

我想知道如何更改 popUpMenu 的原点,在底部应用栏的正上方启动弹出窗口,无论项目数如何.与屏幕的右端对齐.类似的东西(例如) 定位(右:0,底部:bottomAppBarHeight) 下面是我想要实现的popUpMenu的设计布局截图: 这是 popUpMenu 当前位置的截图(请忽略其他设计差异,因为它们无关紧要): 使用的代码如下: onPressed: () { ..
发布时间:2022-01-23 12:20:06 其他开发

自定义颤振小部件形状

我正在尝试在 Flutter 中构建以下布局. 我希望实现两件事: 渲染一个绘制对角边的背景(我猜是通过 BoxDecoration) 让粉色容器沿对角线剪辑子级 - 即,如果文本对于一行来说太大,它应该换行. 有什么想法吗? 解决方案 这是我的代码: 堆栈(孩子们:[图片(),信息(),],) 对于小部件图片: 容器(装饰:盒子装饰(图片:装饰图片(对 ..
发布时间:2022-01-23 12:19:58 其他开发

如何在颤振中实现聊天气泡形小部件

我想设计一个聊天气泡形状的小部件,其中一个角被固定并且它的高度应该适应文本的线条?现在我正在使用带有一些边框半径的 ClipRRect 小部件.但我想固定一个角落.有什么建议 ? 更新 我知道这可以使用堆栈来完成,但我正在寻找更好的解决方案,因为我必须在单个视图中多次使用它,并且使用多个堆栈可能会影响性能.(如果我错了,请在这里纠正我) 解决方案 对于那些想要完成库的人.您可以 ..
发布时间:2022-01-23 12:19:51 其他开发

水平 SingleChildScrollView 内的垂直 ListView

我需要构建一个页面,其中包含分组在一行中的对象列表.这需要垂直滚动(以显示更多组)和水平滚动(以显示子组).垂直和水平滚动需要完全移动项目.像这样:https://gph.is/g/46gjW0q 我正在用这段代码做这个: Widget _buildGroups() {返回 SingleChildScrollView(滚动方向:Axis.horizo​​ntal,孩子:容器(宽度:2000 ..
发布时间:2022-01-23 12:19:41 其他开发

基于包装文本的子小部件的复杂对齐,如 Telegram 聊天信使

我的目标是重现 Telegram(和其他一些聊天应用程序)用于其聊天消息气泡的复杂布局.气泡并不复杂,但事实证明气泡中的文本与日期完全一致是非常复杂的: 类似的已在此处发布和回答,但关键是它不能正确处理换行文本(案例#1  下面详述),因为 padding-right 一直在浪费大量的屏幕空间,而且看起来很糟糕.(如果不清楚,请参见此处:2). 我已经编译了我认为是 3 个“用例 ..
发布时间:2022-01-23 12:19:25 其他开发

在 Flutter 中,如何使 Button 和 Textfield 的高度相同?

我知道 TextField 有 TextStyle,它有一个 height 属性,它只是一个基于 fontSize,但是如何使所有小部件的高度相同(无论字体大小)? 此外,是否有以下等效方法(在几乎任何其他编程语言中): btnLogin.height = txtPassword.height; 解决方案 输出:(高度完全相同) 我认为最好的方法是首先找出 TextField 的 ..
发布时间:2022-01-23 12:19:18 其他开发

如何将 Taps 传递给顶部小部件下方的小部件?

我正在尝试实现一个非常简单的 Card Paginator 组件版本Flutter 中的(单卡). 这是我创建的基本演示示例: class CardComponent extends StatelessWidget {@覆盖小部件构建(BuildContext 上下文){返回堆栈(孩子们: [定位(最高:20.0,左:20.0,孩子:手势检测器(//onTap 应该在文本在屏幕上可见时运行 ..
发布时间:2022-01-23 12:19:04 其他开发