草庐IT

layout_column

全部标签

layout - 文本未使用 crossaxisalignment 居中

我正在使用crossAxisAlignment:CrossAxisAlignment.center,但不知何故文本“Logo”没有居中。真的不太确定是什么原因造成的,我是不是漏掉了什么。classLoginPageextendsStatefulWidget{@override_LoginPageStatecreateState()=>_LoginPageState();}class_LoginPageStateextendsState{@overrideWidgetbuild(BuildContextcontext){returnScaffold(resizeToAvoidBottom

layout - Flutter 是否支持级联网格?

Flutter是否支持级联网格样式布局,例如: 最佳答案 您可以在一行中创建4个Expanded并在每个Expanded中添加容器列:下面是我运行的代码,给出了您想要的准确结果:newRow(children:[newExpanded(child:newColumn(children:[newContainer(height:50.0,color:Colors.grey,margin:newEdgeInsets.all(10.0),),newContainer(height:24.0,color:Colors.grey,margin

flutter - 抽屉布局 : How to make this Custom Layout in flutter

我有一个抽屉,我想在其中实现以下屏幕截图中发布的布局。AllTask​​s、Today、Complete和Incomplete以及numbers是固定的。用户不能添加这些。已经被我添加了。CreateList和Settings也是如此。MyList由用户添加,他可以添加更多如食物、运动、阅读等。分隔符,也可能在1行或3行之后显示为组。我应该使用ListView吗?请提出任何建议。 最佳答案 您有几种方法可以做到这一点,第一种方法是像这样使用ListView:drawer:newDrawer(child:newColumn(child

layout - 用于显示图像的 Flutter 布局

任何人都可以建议如何使用flutter来创建如下所示的布局来显示图像。1个大方block和5个小方block,并且必须根据屏幕的宽度相应地调整大小。 最佳答案 在这种情况下,您可以使用flutter_staggered_grid_view包。在pubspec.yaml中导入包。dependencies:...flutter_staggered_grid_view:^0.2.2按照以下代码获取交错GridView。import'package:flutter/material.dart';import'package:flutter_

mobile - Flutter - 通知 Column 内的兄弟小部件

我正在尝试创建一个功能,当我点击Expanded小部件内的FlatButton时,它的flex变为2和其他兄弟FlatButton的flex更改为1。import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnDirectionality(textDirection:TextDirection.ltr,child:Column(crossAxisAlign

flutter - 如何修复错误 "This function has a return type of Column, but doesn' t 以返回语句结尾”

正在开发一个演示聊天应用程序,尝试从firestore返回数据。并收到错误。child:Column(mainAxisAlignment:MainAxisAlignment.spaceBetween,crossAxisAlignment:CrossAxisAlignment.stretch,children:[StreamBuilder(stream:_firestore.collection('messagees').snapshots(),builder:(context,snapshot){if(snapshot.hasData){finalmessages=snapshot.d

layout - 当 FutureBuilder 在 LayoutBuilder 中时 flutter 无限循环

我在LayoutBuilder中有一个PageView来获取小部件的大小。由于它取决于小部件的大小,因此在构建小部件之前我不知道会有多少页面。所以我在LayoutBuilder里面加了FutureBuilder,这样就可以异步计算页数了。这是我的代码,但它在ConnectionState.waiting中无限期等待。代码中有什么问题,如何解决?import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(Bui

flutter - 当我将自定义小部件插入 Column/Flutter 中时,它会崩溃

当我在Column类的子类中包含我创建的Tutorial类时,出现此错误:Launchinglib/main.dartoniPhoneXRindebugmode...StartingXcodebuild...Xcodebuilddone.20.7sSyncingfilestodeviceiPhoneXR...flutter:══╡EXCEPTIONCAUGHTBYRENDERINGLIBRARY╞═════════════════════════════════════════════════════════flutter:Thefollowingassertionwasthrownd

layout - 如何更简单的实现flutter布局?

我有布局效果,不知道怎么实现比较方便?我有六个或N个子小部件,放置在一个父小部件中,每行有两个子小部件,每个小部件是父小部件宽度的50%,高度是父小部件的高度/行。我可以使用column,rowexpanded来做到这一点,但我认为这不够简单。如果我的子部件是中间部件,我不知道如何动态创建它们。我要实现的布局效果:我想做的方式是下面的伪代码我可以在Android和iOS中做到这一点,但我不知道如何用flutter做到这一点。varparentWidget=Widget()for(vari=0;iFlutter的实现如下。我可以使用column,rowexpanded来做到这一点,但我认

dart - Flutter 根 Column 小部件扩展到整个屏幕,为什么?

我是flutter/dart的新手,刚刚找到我的脚。一直在玩一个非常简单的测试UI。我正在使用MaterialApp和Scaffold小部件,并将Column小部件放置在Scaffold小部件的“主体”中。当我使用检查小部件工具时,它会自动扩展以占据整个屏幕。这是代码..classTestWidgetextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnScaffold(body:Column(children:[Text('bob'),],),);}}如果我随后嵌套一个Column小部件,它不会像