Flutter 如何在颤振中配置容器以使用同一行或列中其他子容器的相同高度
我喜欢增加小部件“B”的高度,使橙色与绿色使用相同的空间。我添加了一个代码示例。 如果添加了Extended()如Expanded(Container(Text('B')),则使用屏幕的整个水平空间。 如果添加了类似Extended()的列(Expanded(Container(Text('B'))),则使用屏幕的整个垂直空间 有人有暗示吗? 提前谢谢你 格雷廷斯 迈克尔 问题: 目标: 代码:Flutter 如何在颤振中配置容器以使用同一行或列中其他子容器的相同高度,flutter,flutter-layout,Flutter,Flutter Layout,我喜欢增加小部件“B”的高度,使橙色与绿色使用相同的空间。我添加了一个代码示例。 如果添加了Extended()如Expanded(Container(Text('B')),则使用屏幕的整个水平空间。 如果添加了类似Extended()的列(Expanded(Container(Text('B'))),则使用屏幕的整个垂直空间 有人有暗示吗? 提前谢谢你 格雷廷斯 迈克尔 问题: 目标: 代码: 屏幕截图 代码: @覆盖 小部件构建(构建上下文){ 返回脚手架( 正文:安全区( 孩子:内
屏幕截图
代码:
@覆盖
小部件构建(构建上下文){
返回脚手架(
正文:安全区(
孩子:内在的(
孩子:排(
mainAxisSize:mainAxisSize.min,
crossAxisAlignment:crossAxisAlignment.stretch,
儿童:[
容器(
颜色:颜色。绿色,
子项:文本('A1\nA2'),
),
容器(
颜色:颜色。橙色,
child:Text('B'),
),
],
),
),
),
);
}
屏幕截图
代码:
@覆盖
小部件构建(构建上下文){
返回脚手架(
正文:安全区(
孩子:内在的(
孩子:排(
mainAxisSize:mainAxisSize.min,
crossAxisAlignment:crossAxisAlignment.stretch,
儿童:[
容器(
颜色:颜色。绿色,
子项:文本('A1\nA2'),
),
容器(
颜色:颜色。橙色,
child:Text('B'),
),
],
),
),
),
);
}
为什么需要用IntristicHeight换行?祝贺你从这次投票中获得10万美元though@Uni您需要这样做,否则该行将扩展(在横轴上)以填充可用空间(上面代码中的屏幕大小),您可以提供一些固定高度或使用IntrinsicHeight
。谢谢:)我现在明白了。谢谢你帮助社区。在过去的2-3年里,你写了这么多好的答案。@Uni非常感谢你,这真的很有意义!!!我刚刚查看了文档“这个类相对比较昂贵,因为它在最终布局阶段之前添加了一个推测性的布局通行证。尽可能避免使用它。”@CopsOnRoad:谢谢您的支持。我将密切关注我的应用程序的性能。为什么需要用IntristicHeight换行?祝贺你从这次投票中获得10万美元though@Uni您需要这样做,否则该行将扩展(在横轴上)以填充可用空间(上面代码中的屏幕大小),您可以提供一些固定高度或使用IntrinsicHeight
。谢谢:)我现在明白了。谢谢你帮助社区。在过去的2-3年里,你写了这么多好的答案。@Uni非常感谢你,这真的很有意义!!!我刚刚查看了文档“这个类相对比较昂贵,因为它在最终布局阶段之前添加了一个推测性的布局通行证。尽可能避免使用它。”@CopsOnRoad:谢谢您的支持。我会密切关注我的应用程序的性能。
import 'package:flutter/material.dart';
void main() {
runApp(DemoX());
}
class DemoX extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SafeArea(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
color: Colors.red,
child: Container(
color: Colors.green,
child: Text('A1\nA2'),
),
),
Container(
color: Colors.orange,
child: Text('B'),
),
],
),
),
),
);
}
}