Flutter-如何使用图像高度设置textview高度并用2行换行

问题描述 投票:1回答:2

我是Flutter的新手,在列表屏幕的自动换行中遇到问题。

我当前的代码如下:

Container(
                      width: double.infinity,
                      padding: EdgeInsets.all(Dimen.padding),
                      color: AppTheme.buildLightTheme().backgroundColor,
                      child: Row(
                        mainAxisSize: MainAxisSize.max,
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: <Widget>[
                          ClipRRect(
                              borderRadius: BorderRadius.circular(20),
                              child:                                      
                                  Image.asset('assets/images/bike1.jpg',
                                      height: 80, width: 80, fit: BoxFit.cover)                                  
                              ),
                          SizedBox(
                            width: 16,
                          ),
                          Column(
                          verticalDirection: VerticalDirection.down,
                            mainAxisSize: MainAxisSize.min,
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: <Widget>[
                              Flexible(
                                  child: Text(
                                modelData.titleTxt,
                                style: (TextStyles.bldTextview),
                                overflow: TextOverflow.ellipsis,
                              )),
                              SizedBox(
                                width: 6,
                              ),
                              Flexible(
                                  child: Text(modelData.subTxt,
                                      overflow: TextOverflow.ellipsis,
                                      style: (TextStyles.regularTextview)))
                            ],
                          )
                        ],
                      ),
                    )

此代码的输出是:“当前输出”“>

我想要实现的是这样的:

“期望的输出”

如何做?

我是Flutter的新手,在列表屏幕的自动换行中遇到问题。我当前的代码如下:Container(width:double.infinity,padding:...

flutter flutter-layout
2个回答
0
投票

只需在标题和副标题列中添加Expanded


0
投票

在您期望的输出屏幕截图中,根据标题使用的行数,每张卡的maxLines都有不同的值。但是Flutter的当前Text小部件实现中没有可用的属性。

© www.soinside.com 2019 - 2024. All rights reserved.