Flutter MPFlutter框架 微信小程序 自定义顶部标题栏

实现截图

代码截图

配置app.json:

"window": {
    "navigationStyle": "custom"
  },

实现代码：

///自定义顶部栏
      appBar: MPAppBar(
        title: Container(
          color: Colors.green,
          width: MediaQuery.of(context).size.width,
          height: 100,
          alignment: Alignment.centerLeft,
          child: MPText(
            'Web模板测试',
            style: TextStyle(color: Colors.white),
          ),
        ),
        context: context,
      ),