文本修饰container

最新推荐文章于 2024-10-22 07:50:15 发布

原创最新推荐文章于 2024-10-22 07:50:15 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dart #半圆弧容器 #fluttter 容器

flutter 专栏收录该内容

220 篇文章

订阅专栏

var container = Container( // grey box
  child: Center(
    child: Container( // red box
      child: Text(
        "Lorem ipsum dolor sit amet, consec etur",
        style: bold24Roboto,
        overflow: TextOverflow.ellipsis,
        maxLines: 1, 
      ),
      decoration: BoxDecoration(
        color: Colors.red[400],
      ),
      padding: EdgeInsets.all(16),
    ),
  ),
  width: 320,
  height: 240,
  color: Colors.grey[300],
);

https://flutter.dev/docs/get-started/flutter-for/web-devs

包含有半圆弧的容器

Container(
              width: double.infinity,
              height: 460,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(30),
                  topRight: Radius.circular(30),
                ),
              ),
              child: Column(
                children: <Widget>[
                  _buildComment(0),
                ],
              ),
            ),