flutter 怎样才能让文字段落占据页面的100%

mwg9r5ms  于 2022-12-05  发布在  Flutter
关注(0)|答案(2)|浏览(164)

我有pageView建设者,其中每一页包含不同的段落,我想让这一段采取的所有空间,在没有空间的网页是在同一对齐。
我尝试了我的问题是,一些段落来与7行,可以采取100%的网页,但其中一些来与3行,并不采取剩余空间只采取30%的网页
尝试的代码:

Expanded(
                              child: AutoSizeText.rich(
                                textAlign: index == 0 ? TextAlign.center : TextAlign.justify,
                                TextSpan(
                                  children: [
                                    for (var i = 1; i <= list.length; i++) ...{
                                      TextSpan(
                                        text: "${list[i - 1]} ",
                                        style: GoogleFonts.balooBhai2(
                                          fontSize: 25,
                                          color: Colors.black87,
                                        ),
                                      ),
                                    }
                                  ],
                                ),
                              ),
                            ),

预期结果:所有页面上的所有文本高度相同
其结果是:有些文字占了页面的50%,有些占了150%,有些占了100%

nhhxz33t

nhhxz33t1#

试试这个:

ConstrainedBox(
constraints; BoxConctraints(
maxHeight: MediaQuery.of(context).size.height,
maxWidth: MediaQuery.of(context).size.width,
child: FittedBox(
  child: yourWidget(), // replace it with your widget
),),)
cbeh67ev

cbeh67ev2#

我通过以下代码修复了该问题

Flexible(
                              child: GestureDetector(
                                child: AutoSizeText(
                                  list.join(" "),
                                  style: GoogleFonts.balooBhai2(
                                    fontSize: index == 0 ? 20 : 90,
                                    color: Colors.black87,
                                  ),
                                  textAlign: index == 0 ? TextAlign.center : TextAlign.justify,
                                ),
                                onTap: () {},
                              ),
                            ),

相关问题