如何在Hamilton颤振应用程序中使自定义AppBar像Flutter一样？

发布时间：2020-12-14 14:49:25 所属栏目：百科来源：网络整理

导读：LIke This 我的方法：没有AppBar和身体的脚手架：Stack [图像,列表视图] 解决方法 Flutter带有一堆所谓的“银色”小部件,可用于根据用户的滚动动作实现不同的效果.默认情况下,从材质设计指南1中获得类似的效果相当容易,其中标题在英雄图像的底部开始相当大,

LIke This

我的方法：没有AppBar和身体的脚手架：Stack> [图像,列表视图]

解决方法

Flutter带有一堆所谓的“银色”小部件,可用于根据用户的滚动动作实现不同的效果.默认情况下,从材质设计指南1中获得类似的效果相当容易,其中标题在英雄图像的底部开始相当大,然后当用户在页面上向下滚动时动画到顶部.

要实现此效果,您可以使用顶部为SliverAppBar的CustomScrollView和其下的一些其他条子组件,如下所示：

new CustomScrollView(
  slivers: <Widget>[
    new SliverAppBar(
      pinned: true,expandedHeight: 250.0,flexibleSpace: new FlexibleSpaceBar(
        title: new Text(_shortTitle),background: new Image.network(_imageUrl),),new SliverPadding(
      padding: new EdgeInsets.all(16.0),sliver: new SliverList(
        delegate: new SliverChildListDelegate([
          new Text(_longTitle),new Text(_body),new Text(_author),]),],);

1向下滚动到Material Design指南中的“带图像的灵活空间”

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!