Questions tagged «flutter-layout»

这是我的代码： @override Widget build(BuildContext context) { return new Material( color: Colors.deepPurpleAccent, child: new Column( mainAxisAlignment: MainAxisAlignment.center, children:<Widget>[new GridView.count(crossAxisCount: _column,children: new List.generate(_row*_column, (index) { return new Center( child: new CellWidget() ); }),)] ) ); } 异常如下： I/flutter ( 9925): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter ( 9925): The following …

131 flutter  dart  flutter-layout  height  flutter-widget 

我已经知道我无法RaisedButton在Flutter中设置宽度。如果我了解得很好，则应该将RaisedButton放入SizedBox。然后，我将能够设置盒子的宽度或高度。这是对的吗？还有另一种方法吗？ SizedBox在每个按钮周围创建一个按钮有点麻烦，所以我想知道为什么他们选择了这种方式。我很确定他们有这样做的充分理由，但我没有看到。脚手架对于初学者来说很难阅读和构建。 new SizedBox( width: 200.0, height: 100.0, child: new RaisedButton( child: new Text('Blabla blablablablablablabla bla bla bla'), onPressed: _onButtonPressed, ), ),

126 flutter  flutter-layout 

我正在尝试为Flutter应用程序构建一个简单的登录页面。我已经成功构建了TextFields和Login / Signin按钮。我想添加一个水平ListView。当我运行代码时，我的元素消失了，如果我在没有ListView的情况下做到了，那也很好。如何正确执行此操作？ return new MaterialApp( home: new Scaffold( appBar: new AppBar( title: new Text("Login / Signup"), ), body: new Container( child: new Center( child: new Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ new TextField( decoration: new InputDecoration( hintText: "E M A I L A D D R E S S" ), …

125 flutter  dart  flutter-layout 

我正在使用Flutter制作有关电影的信息列表。现在，我希望左侧的封面图像是圆角图片。我做了以下工作，但是没有用。谢谢！ getItem(var subject) { var row = Container( margin: EdgeInsets.all(8.0), child: Row( children: <Widget>[ Container( width: 100.0, height: 150.0, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8.0)), color: Colors.redAccent, ), child: Image.network( subject['images']['large'], height: 150.0, width: 100.0, ), ), ], ), ); return Card( color: Colors.blueGrey, child: row, ); } 如下

122 flutter  flutter-layout 

我正在尝试创建一行，其中中心文本具有最大大小，并且如果文本内容太大，则该文本适合大小。 我插入TextOverflow.ellipsis属性以缩短文本并插入三点，...但是它不起作用。 主镖 import 'package:flutter/material.dart'; void main() { runApp(new MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( home: new HomePage(), ); } } class HomePage extends StatelessWidget { @override Widget build(BuildContext context) => new Scaffold( appBar: new AppBar( backgroundColor: new Color(0xFF26C6DA), ), body: …

121 flutter  dart  flutter-layout 

我想知道如何设置宽度以匹配父版面宽度 new Container( width: 200.0, padding: const EdgeInsets.only(top: 16.0), child: new RaisedButton( child: new Text( "Submit", style: new TextStyle( color: Colors.white, ) ), colorBrightness: Brightness.dark, onPressed: () { _loginAttempt(context); }, color: Colors.blue, ), ), 我对Expanded窗口小部件了解很少，但Expanded将视图扩展到两个方向，我不知道该怎么做。

119 flutter  flutter-layout 

我有一个Column带有两个TextField小部件的小部件，希望它们之间有一定的空间。 我已经尝试过mainAxisAlignment: MainAxisAlignment.spaceAround，但是结果不是我想要的。

115 dart  flutter  flutter-layout 

在Android中，每个View子类都有一个setVisibility()方法，可让您修改View对象的可见性 设置可见性有3个选项： 可见：呈现View布局内可见 看不见：隐藏View，但留下的间隙等于View可见时将占据的间隙 消失：隐藏View，并将其完全从布局中删除。这是因为如果它height和width人0dp Flutter中的小部件是否具有与上述等同的功能？ 快速参考：https : //developer.android.com/reference/android/view/View.html#attr_android : visibility

111 flutter  dart  flutter-layout 

我有一个可滚动ListView的项目的数量可以动态更改。每当将新项目添加到列表的末尾时，我都希望以编程方式将其滚动ListView到末尾。（例如，像聊天消息列表之类的，可以在末尾添加新消息） 我的猜测是，我需要ScrollController在我的State对象中创建一个并将其手动传递给ListView构造函数，以便以后可以在控制器上调用animateTo()/jumpTo()方法。但是，由于我无法轻松确定最大滚动偏移量，因此似乎不可能简单地执行某种scrollToEnd()类型的操作（而我可以轻松通过0.0以使其滚动至初始位置）。 有没有简单的方法可以做到这一点？ 使用reverse: true对我来说不是一个完美的解决方案，因为当ListView视口内只有少量项目时，我希望这些项目在顶部对齐。

108 flutter  flutter-layout  flutter-animation 

我试图将两个项目的极端对齐，一个在左边，另一个在右边。我有一排在左边对齐，然后该行的一个孩子在右边对齐。但是，似乎子行正在从其父行获取alignment属性。这是我的代码 var SettingsRow = new Row( mainAxisAlignment: MainAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: <Widget>[ Text("Right",softWrap: true,), ], ); var nameRow = new Row( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: <Widget>[ Text("Left"), SettingsRow, ], ); 结果我得到这样的东西 Left Right 我想要的是 Left Right 行上也有足够的空间。我的问题是为什么孩子Row不能展示其MainAxisAlignment.end财产？

104 flutter  flutter-layout 

轻敲容器会触发onTap()处理程序，但不会显示任何墨水飞溅效果。 class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text(widget.title), ), body: new Center( child: new InkWell( onTap: (){print("tapped");}, child: new Container( width: 100.0, height: 100.0, color: Colors.orange, ), ), ), ); } } 我试图把InkWell里面的东西也Container一样，但徒劳无功。

104 flutter  dart  flutter-layout 

我正在尝试将状态栏颜色更改为白色。我发现这家酒吧扑朔迷离。我试图在我的dart文件中使用示例代码。

84 dart  flutter  flutter-layout  flutter-dependencies 

我正在尝试创建ListView，但是当我导入list_form.dart类时，出现此错误。也许我在布局上犯了一些错误，因为如果尝试在主文件中运行它，我不会得到此错误。 这是错误： I/flutter (12956): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter (12956): The following assertion was thrown during performResize(): I/flutter (12956): Vertical viewport was given unbounded height. I/flutter (12956): Viewports expand in the scrolling direction to fill their container.In this case, a vertical I/flutter (12956): viewport was given an …

83 dart  flutter  flutter-layout 

在我的应用中，我正在创建注册页面，我需要在其中添加DOB。我想在其中添加日期选择器，但我没有获得正确的方法来执行此操作。

77 android  ios  flutter  flutter-layout  dart-2 

拥有使用CustomSingleChildLayout和CustomMultiChildLayout类经验的人能否详细解释（带示例）如何使用它们。 我是Flutter的新手，正在尝试了解如何使用它们。但是，该文档太糟糕了，不清楚。我尝试在互联网上搜索示例，但是没有其他文档。 如果您能帮助我，我将万分感谢。 谢谢！

10 flutter  dart  flutter-layout