MPScaffold

页面脚手架组件，提供标题栏、底栏、正文、浮动元素等页面脚手架能力。

同时，MPScaffold 可响应页面的下拉刷新、加载更多、页面滚动、分享信息配置等回调。

基础用法#

Hello,World! 示例则是 MPScaffold 的最基础用法，在该用例中，页面标题将被设置为 Template，页面中间将出现蓝色方块并带有文本。

标题栏、底栏、浮动元素#

MPScaffold 同时可以提供自定义标题栏、底栏、浮动元素的能力，以下用例将演示一个 Counter 应用的构成，我们通过该 Demo 演示如何定制化标题栏和浮动元素。

API 文档#

name → String?
页面标题，该标题将设置在浏览器标题栏，或设置在小程序页面导航栏。
非必填
appBarColor → Color?
导航栏背景色，用于设置浏览器、小程序导航栏背景颜色。
非必填
appBarTintColor → Color?
导航栏前景色，用于设置浏览器、小程序导航栏文字、图标颜色。
非必填
body → Widget?
正文内容
非必填
onRefresh → Function?
用于响应小程序下拉刷新时的回调
非必填
onPageScroll → Function(double)?
监听页面滚动时的事件，响应回调。
非必填
onWechatMiniProgramShareAppMessage → Future<Map> Function()?
用于返回微信小程序分享事件回调，必须返回一个 Map 描述当前页面外发分享信息。
非必填
onReachBottom → Function?
用于响应页面到达底部时的回调
非必填
appBar → PreferredSizeWidget?
自定义页面的导航栏
非必填
bottomBar → Widget?
自定义页面的底栏
非必填
bottomBarWithSafeArea → bool?
用于描述底栏应否带上安全区域
非必填
bottomBarSafeAreaColor → Color?
用于描述底栏安全区域的背景颜色
非必填
floatingBody → Widget?
自定义浮动元素，必须使用 Positioned 包裹子元素。
非必填
backgroundColor → Color?
页面背景色
非必填
Edit this page