如何在Flutter的AppBar中添加图标？

Question

如何在Flutter的AppBar中添加图标？

3

我希望在应用程序标题“my app name”旁边添加一个图标，该图标必须位于右侧。以下是AppBar：

 appBar: AppBar(
          title: Text(
            'my app name',
            style: TextStyle(
              fontFamily: 'OpenSansBold',
              fontSize: 26.0,
            ),
          ),
        ),

这个图标不一定要可点击，它只是应用程序的标志。

- bilbo_bo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Abbasihsn · Accepted Answer

试试这个：

appBar: AppBar(
          title: Row(
             mainAxisAlignment:MainAxisAlignment.center,
             children:[
               Text(
                 'my app name',
                 style: TextStyle(
                    fontFamily: 'OpenSansBold',
                    fontSize: 26.0,
                 ),
               ),   
               Icon(
                 Icons.audiotrack,
                 color: Colors.green,
                 size: 30.0,
               ),
             ]
          )
        ),

此外，您可以更改 mainAxisAlignment 以对齐这些项目，或更改它们的顺序以在文本的开头或结尾显示 icon。结果如下所示：

更新如果您想添加一个 image 而不是一个 icon，请尝试以下操作：

appBar: AppBar(
          title: Row(
             mainAxisAlignment:MainAxisAlignment.center,
             children:[
               Text(
                 'my app name',
                 style: TextStyle(
                    fontFamily: 'OpenSansBold',
                    fontSize: 26.0,
                 ),
               ),   
               Image(image: AssetImage('your directory'));
             ]
          )
        ),

请注意，首先您应该将图片添加到pubspec.yaml文件的asset部分中，如下所示:

flutter:
  assets:
    - Your directory

更多信息请参见此文档。