flutter 实现appbar上左侧为返回按钮，标题居中，页面中有三个可点击的组件，组建样式为容器里面上下布局，上面图片下面文字，但是图片超出容器一部分，容器背景色灰色，选中之后变为蓝色

好的，针对你的问题，我来为你详细解答。

首先，你可以使用Flutter中的Scaffold组件来实现这个页面的布局。Scaffold组件是一个脚手架组件，它提供了一个标准的页面布局，包括AppBar、Drawer、BottomNavigationBar等，非常适合快速搭建一个标准的页面。

在AppBar上左侧为返回按钮，标题居中的情况下，你可以这样实现：

Scaffold(
  appBar: AppBar(
    leading: IconButton(
      icon: Icon(Icons.arrow_back),
      onPressed: () {
        // 返回上一页
      },
    ),
    title: Text('标题'),
    centerTitle: true,
  ),
  body: // 页面内容
);

在页面内容中，你需要实现三个可点击的组件，组件样式为容器里面上下布局，上面图片下面文字，但是图片超出容器一部分，容器背景色灰色，选中之后变为蓝色。

你可以使用GestureDetector来实现可点击的效果，使用Container来实现容器的样式。具体代码实现如下：

Container(
  decoration: BoxDecoration(
    color: Colors.grey[200],
    borderRadius: BorderRadius.circular(10),
  ),
  child: GestureDetector(
    onTap: () {
      // 点击事件处理
    },
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        ClipRRect(
          borderRadius: BorderRadius.circular(10),
          child: Image.network(
            'https://example.com/image.png',
            width: 80,
            height: 80,
            fit: BoxFit.cover,
          ),
        ),
        SizedBox(
          height: 10,
        ),
        Text(
          '文字',
          style: TextStyle(
            fontSize: 16,
            fontWeight: FontWeight.bold,
          ),
        ),
      ],
    ),
  ),
);

这样就可以实现你想要的效果了，当然你可以根据实际需求进行细节调整。