首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flutter设计YoutTube播放列表UI

Flutter设计YoutTube播放列表UI
EN

Stack Overflow用户
提问于 2020-10-11 18:49:55
回答 1查看 22关注 0票数 0

在下面与YoutTube播放列表相同屏幕截图中,如何为具有100.0宽度的容器设置扩展高度?

代码语言:javascript
运行
复制
AspectRatio(
    aspectRatio: 16 / 9,
    child: Stack(
      children: [
        Image.asset(
          'assets/images/red_glare.jpg',
          fit: BoxFit.cover,
        ),
        IntrinsicHeight(
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Spacer(),
              Container(
                width: 100.0,
                color: Colors.yellow,
                child: Expanded(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Text('text'),
                      Text('icon'),
                    ],
                  ),
                ),
              ),
            ],
          ),
        )
      ],
    ),),
EN

回答 1

Stack Overflow用户

发布于 2020-10-11 19:12:12

问题已解决

代码语言:javascript
运行
复制
Row(
  children: [
    Spacer(),
    Column(
      children: <Widget>[
        Expanded(
          child: Container(
            color: Colors.blue,
            width: 100,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text('text'),
                Text('icon'),
              ],
            ),
          ),
        ),
      ],
    ),
  ],
)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64303165

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档