前言：《Hello, Flutter》是我近期的一个写作计划。我的目标是写一篇篇简短的教程，提供给
Flutter的初级用户，让他们能够快速掌握Flutter开发。代码地址：https://github.com/flycash/hello_flutter
今天我们来讨论一下AppBar组件。
在之前一篇Hello, Flutter(二)——Scaffold里面大家应该算是初步认识了AppBar，今天来看一下更加详细的用法。
先来看一下谷歌Flutter官网上对AppBar的一个形象化描述：
AppBar的用法极其简单：
这是一个比较完整的示例。唯独需要注意的是，即便我在代码里面将title设置为Center，然而严格意义上来说，title所在的字符串并不是居于AppBar的中间。实际上，在这里的Center的语义是指排除了leading和actions两个配置之后的剩余的位置的中间。
这里还有一个问题，就是那个actions究竟能够放几个呢？
答案是取决于你的屏幕和设置的action的大小。当我什么都不设置的时候，在iphoneXR上放到十几个的时候：
title被压缩掉了。
继续增加actions，最终报错了：
一种惯常用法是在上面加入一个搜索框：
实际上就是把title换成一个输入框而已。
但是有一个地方要注意的是，返回按钮一般不是通过AppBar来实现的。而是在你使用跳转页面的时候，即Navigator.push方法之后产生的。
网友评论