上一篇文章我们已经完成首页聊天页面的导航条和列表展示，今天的任务是完成搜索cell的展示和点击之后的搜索页面的功能。

自定义SearchCell

新建search_cell.dart文件

实现SearchCell代码

SearchCell的话，因为仅仅只是展示，点击之后就进入搜索页了，应该来说是不需要状态的，所以用一个StatelessWidget就够了。然后布局的方式使用一个Container包含一个Row，Row里面包一个图片和文本就可以了。布局的方式其实多种多样，能实现就好了。完整代码如下：

一个有意思的地方是，flutter里面的Image居然可以设置颜色，而且颜色是设置给图片的。比如我的放大镜图片原本是黑色的，设置红色之后，居然真的变红色了！！！