- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想这样做:
但这是我实际得到的:
这是我的代码:
Row itemTransaction(BuildContext context, Transaction transaction) {
/// This is the function that will build each item of our transaction list.
return new Row(
children: <Widget>[
new Container(
width: MediaQuery.of(context).size.width / 6,
height: MediaQuery.of(context).size.width / 6,
child: new Image.asset(
(transaction.sent) ? "images/tx_output.png" : "images/tx_input.png",
),
),
new Column(
children: <Widget>[
new Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
discoderyText("test"),
discoderyText("test 2"),
],
),
discoderyText("SOME HASH KEY"),
],
),
],
);
}
discoderyText
基本上是自定义文本(即带有颜色)。
如您所见,为我的行设置了 mainAxisAlignment: MainAxisAlignment.spaceBetween
,因此 test
和 test2
应该 在对立面。
当我删除图像并且只返回一个包含两个 Text
的 Row
时,我设置了 mainAxisAlignment
,它起作用了。似乎嵌套行不能使用此变量。
这基本上是我的观点的计划:
最佳答案
截图
Row(
children: <Widget>[
Container(
width: MediaQuery.of(context).size.width / 6,
height: MediaQuery.of(context).size.width / 6,
child: CircleAvatar(backgroundImage: AssetImage(chocolateImage),),
),
Expanded( // add this
child: Padding(
padding: const EdgeInsets.all(8.0), // give some padding
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min, // set it to min
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text("test"),
Text("test 2"),
],
),
Text("SOME HASH KEY HERE"),
],
),
),
),
],
)
关于Flutter 嵌套行 MainAxisAlignment,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57873091/
我想这样做: 但这是我实际得到的: 这是我的代码: Row itemTransaction(BuildContext context, Transaction transaction) { ///
我对 crossAxisAlignment 和 mainAxisAlignment 感到困惑。谁能用简单的话解释一下? 最佳答案 对于行: mainAxisAlignment = 水平轴 crossA
我开发了一个登录屏幕,首先我在打开键盘时收到渲染 flex 错误,因此我将我的小部件包装在 SingleChildScrollView 中,但之后 Column 的 mainAxisAlignment
这是我构建项目 View 容器的代码: Widget buildItemView(InboxItem t) { return GestureDetector( behavior: HitTestB
我正在创建类似 Instagram 个人资料的屏幕,但 mainaxisAlignment.spaceEvenly 无法正常工作。如果该行不在任何其他行或列内,它就可以正常工作,但在这种情况下它没
我正在尝试在列上使用 MainAxisAlignment 属性,但它没有按预期工作。这是我的代码。 Scaffold( appBar: AppBar( title: Text('Accou
我是一名优秀的程序员,十分优秀!