当字体样式为斜体时,Flutter Web应用程序栏标题将被剪切

时间:2019-06-14 08:49:04

标签: flutter flutter-web flutter-appbar flutter-scaffold

我是Flutter网站的新手,我遵循此tutorial制作了基本的网页。它仅由一个应用栏和一个主体组成:

class Furniture extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0.0,
        centerTitle: true,
        title: Text(
          "Furniture",
          style: TextStyle(
              color: Colors.black,
              fontSize: 24.0,
              fontWeight: FontWeight.w500,
              fontFamily: 'Merriweather',
              fontStyle: FontStyle.italic),
        ),
        leading: Image.asset("icon/nav-icon.png"),
        actions: <Widget>[
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 20.0),
            child: Icon(
              Icons.search,
              color: Colors.black,
            ),
          )
        ],
      ),
      body: Stack(
        children: [
          Align(
            alignment: Alignment.bottomRight,
            child: Padding(
              padding: const EdgeInsets.all(48.0),
              child: SizedBox(
                height: 50.0,
                child: ButtonRow(),
              ),
            ),
          ),
          Body()
        ],
      ),
    );
  }
}

一切正常,但当我使用斜体作为字体样式时,应用程序栏标题会在右侧被截断:

The "e" from "Furniture" is truncated on the right

我在这里想念什么?

0 个答案:

没有答案