Flutter 在扩展可扩展小部件时,相邻小部件也会自动对齐

Flutter 在扩展可扩展小部件时,相邻小部件也会自动对齐,flutter,Flutter,我试图将两张可展开的卡并排放在一行中,但当展开一张卡时,另一张卡会向下移动,如图所示 你能帮帮我吗?。。。我不希望另一张卡在另一张卡展开时向下移动 我在下面显示我的代码: 脚手架主体: enter code herebody: SingleChildScrollView( child: Column( children: <Widget>[ Row( children: <Widget>[ Expanded(

我试图将两张可展开的卡并排放在一行中,但当展开一张卡时,另一张卡会向下移动,如图所示

你能帮帮我吗?。。。我不希望另一张卡在另一张卡展开时向下移动

我在下面显示我的代码:

脚手架主体:

enter code herebody: SingleChildScrollView(
  child: Column(
    children: <Widget>[
      Row(
        children: <Widget>[
          Expanded(
            child: ExpandableCard(),
          ),
          Expanded(
            child: ExpandableCard(),
          ),
        ],
      ),
    ],
  ),
),
class ExpandableCard extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return ExpandableTheme(
      data: const ExpandableThemeData(iconColor: Colors.blue, useInkWell: true),
      child: ExpandableNotifier(
        child: Card(
          clipBehavior: Clip.antiAlias,
          child: Column(
            children: <Widget>[
              Container(
                height: 200.0,
                decoration: BoxDecoration(
                  color: Colors.black38,
                  image: DecorationImage(
                    image: AssetImage('asset/images/picture.jpeg'),
                  ),
                ),
              ),
              ScrollOnExpand(
                scrollOnExpand: true,
                scrollOnCollapse: false,
                child: Container(
                  color: Colors.black38,
                  child: ExpandablePanel(
                    theme: const ExpandableThemeData(
                      headerAlignment: ExpandablePanelHeaderAlignment.center,
                      tapBodyToCollapse: true,
                    ),
                    header: Text('Landscape'),
                    collapsed: Text(
                      'Description',
                      softWrap: true,
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                    ),
                    expanded: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Text(
                            'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum'),
                      ],
                    ),
                    builder: (_, collapsed, expanded) {
                      return Expandable(
                        collapsed: collapsed,
                        expanded: expanded,
                        theme: const ExpandableThemeData(crossFadePoint: 0),
                      );
                    },
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
在此输入代码正文:SingleChildScrollView(
子:列(
儿童:[
划船(
儿童:[
扩大(
子项:ExpandableCard(),
),
扩大(
子项:ExpandableCard(),
),
],
),
],
),
),
小部件:

enter code herebody: SingleChildScrollView(
  child: Column(
    children: <Widget>[
      Row(
        children: <Widget>[
          Expanded(
            child: ExpandableCard(),
          ),
          Expanded(
            child: ExpandableCard(),
          ),
        ],
      ),
    ],
  ),
),
class ExpandableCard extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return ExpandableTheme(
      data: const ExpandableThemeData(iconColor: Colors.blue, useInkWell: true),
      child: ExpandableNotifier(
        child: Card(
          clipBehavior: Clip.antiAlias,
          child: Column(
            children: <Widget>[
              Container(
                height: 200.0,
                decoration: BoxDecoration(
                  color: Colors.black38,
                  image: DecorationImage(
                    image: AssetImage('asset/images/picture.jpeg'),
                  ),
                ),
              ),
              ScrollOnExpand(
                scrollOnExpand: true,
                scrollOnCollapse: false,
                child: Container(
                  color: Colors.black38,
                  child: ExpandablePanel(
                    theme: const ExpandableThemeData(
                      headerAlignment: ExpandablePanelHeaderAlignment.center,
                      tapBodyToCollapse: true,
                    ),
                    header: Text('Landscape'),
                    collapsed: Text(
                      'Description',
                      softWrap: true,
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                    ),
                    expanded: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Text(
                            'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum'),
                      ],
                    ),
                    builder: (_, collapsed, expanded) {
                      return Expandable(
                        collapsed: collapsed,
                        expanded: expanded,
                        theme: const ExpandableThemeData(crossFadePoint: 0),
                      );
                    },
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
class ExpandableCard扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回可扩展主题(
数据:常量可扩展主题数据(iconColor:Colors.blue,useInkWell:true),
子:ExpandableNotifier(
孩子:卡片(
clipBehavior:Clip.antiAlias,
子:列(
儿童:[
容器(
高度:200.0,
装饰:盒子装饰(
颜色:颜色。黑色38,
图像:装饰图像(
image:AssetImage('asset/images/picture.jpeg'),
),
),
),
ScrollOnExpand(
scrollOnExpand:对,
滚动崩溃:错误,
子:容器(
颜色:颜色。黑色38,
子:可扩展面板(
主题:常量可扩展主题数据(
headerAlignment:ExpandablePanel headerAlignment.center,
tapBodyToCollapse:对,
),
标题:文本(“横向”),
折叠:文本(
“说明”,
软包装:是的,
maxLines:2,
溢出:TextOverflow.省略号,
),
扩展:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
正文(
“Lorem Ipsum仅仅是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,争先恐后地制作了一本字体样本书。它不仅存活了五个世纪,而且还跨越到了电子排版,仍然是埃森理论上没有变化。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着桌面出版软件(如Aldus PageMaker,包括Lorem Ipsum的版本)的发布而流行,
],
),
生成器:(389;、折叠、展开){
返回可扩展(
崩溃了,崩溃了,,
扩大:扩大,,
主题:常量可扩展主题数据(crossFadePoint:0),
);
},
),
),
),
],
),
),
),
);
}
}

由于列的默认mainAxisAlignment属性为“中心”,因此看起来像是它的。试试这个

Column(
mainAxisAlignment:MainAxisAlignment.start....

似乎是因为列的默认mainAxisAlignment属性为“中心”。试试这个

Column(
mainAxisAlignment:MainAxisAlignment.start....
试着编辑这个

   child: Column(
      children: <Widget>[
        Row(
          **crossAxisAlignment: CrossAxisAlignment.stretch,   //Edit this** 
          children: <Widget>[
            Expanded(
              child: ExpandableCard(),
            ),
            Expanded(
              child: ExpandableCard(),
            ),
          ],
        ),
      ],
    ),
  ),
child:Column(
儿童:[
划船(
**crossAxisAlignment:crossAxisAlignment.stretch,//编辑此**
儿童:[
扩大(
子项:ExpandableCard(),
),
扩大(
子项:ExpandableCard(),
),
],
),
],
),
),
尝试进行编辑

   child: Column(
      children: <Widget>[
        Row(
          **crossAxisAlignment: CrossAxisAlignment.stretch,   //Edit this** 
          children: <Widget>[
            Expanded(
              child: ExpandableCard(),
            ),
            Expanded(
              child: ExpandableCard(),
            ),
          ],
        ),
      ],
    ),
  ),
child:Column(
儿童:[
划船(
**crossAxisAlignment:crossAxisAlignment.stretch,//编辑此**
儿童:[
扩大(
子项:ExpandableCard(),
),
扩大(
子项:ExpandableCard(),
),
],
),
],
),
),