繁体   English   中英

如何垂直居中 flutter_markdown 小部件?

[英]How can I center a flutter_markdown Widget vertically?

正如您在图像中看到的,有一个 Container-widget(灰色框),其中有一个来自flutter_markdown Package的 Markdown-widget。

我希望 Markdown 元素在容器(黄色标记所在的位置)中垂直居中,而不是现在 Markdown 所在的位置(“Internet”)。

编辑:如果唯一可能的解决方案是添加固定宽度,我需要以某种方式计算它,因为它可以只有一行或多行或没有换行符的长文本。 如果没有任何换行符,flutter_markdown 小部件会自动将文本包装到小部件中。

应该怎么看

child: Container(
          constraints: BoxConstraints.expand(
            width: MediaQuery.of(context).size.width * 0.9,
            height: MediaQuery.of(context).size.width * 0.7,
          ),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(10.0)),
            color: _color
          ),
          padding: EdgeInsets.all(8.0),
          alignment: Alignment.center,
          child: Container(
            decoration: BoxDecoration(
            borderRadius: new BorderRadius.only(
              topLeft: new Radius.circular(20.0),
              bottomLeft: new Radius.circular(20.0),
            ),
            boxShadow: [
                new BoxShadow(
                  color: _color,
                  offset: new Offset(5.0, 5.0),
                  blurRadius: 20.0,
                )
              ],
            ),
            child: Scrollbar(
                child: Markdown(
                    imageDirectory: Store.storageDirectory,
                    data: _markdownText)),
          ),
        ),

提前致谢。

Markdown 基于 ListView 并提供相同的属性。 对我有用:

Center(child: Markdown(
          physics: BouncingScrollPhysics(),
          shrinkWrap: true,
          data: store.subtitle))

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM