AppBar标题粘贴在屏幕左侧

问题描述:

为什么标题粘在左侧而不是留下一些空间?AppBar标题粘贴在屏幕左侧

这是脚手架代码

return new Scaffold(
     appBar: new AppBar(title: const Text('Friendlychat')),); 

AppBar Title

财产centerTitle这是当前扑alpha版本回归其固定在主人 - 看到这个issue

现在,任何在aziza回答中提到的解决方法可以使用,但是当发布新的alpha时,您将不得不恢复它

有几种方法可以修改:

你可以用一个Padding部件和使用里面的title部件padding属性缩进左侧的区域。

enter image description here

@override 
    Widget build(BuildContext context) { 
    return new Scaffold(
     appBar: new AppBar(
      title: new Padding (child: new Text ("Friendly Chat"), 
       padding:const EdgeInsets.only(left: 20.0)), 
     ), 
    ); 
    } 

或者你可以在你的AppBarleading属性添加一个空Container

@override 
    Widget build(BuildContext context) { 
    return new Scaffold(
     appBar: new AppBar(
      title:new Text ("Friendly Chat"), 
      leading: new Container(), 
     ), 
    ); 
    } 

如果你想为中心的称号,你AppBar设置为true

enter image description here

@override 
    Widget build(BuildContext context) { 
    return new Scaffold(
     appBar: new AppBar(
      title:new Text ("Friendly Chat"), 
      centerTitle: true, 
     ), 
    ); 
    } 

这是当前颤动alpha释放的回归,正如@ aptik指出的那样,