Flutter自定义AppBar功能&解析单标签HTML富文本

Flutter自定义AppBar&自定义解析单标签HTML富文本

在学习Flutter的过程中设计包含搜索栏、TabBar以及多个图标按钮的布局确实是一个挑战。尽管预生版本中的 ${App Bar} 提供了 bottom 属性，并且常用的方法配合使用 ${Tab Bar} 效果显著。然而该属性并未允许我们对顶端进行相应的调整。仅此而已。对于 ${flexibleSpace} 这一特性而言，在 ${App Bar} 和 bottom 之间设置了一个与 ${App Bar} 等高的控件（大致关系如下）：

而为了达到这种效果：

明显不合适的是，在无法更换appt bar title的情况下... 决定独自开发一个 personalized appbar.

大致可以将其拆解为几个部分的具体来说整体架构大致呈现为一个水平布局其中顶端区