在appbar颤动下滑动页面,可以通过以下步骤实现:
下面是一个示例代码,演示如何在appbar颤动下滑动页面:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Scrollable Appbar Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: ScrollableAppbarPage(),
);
}
}
class ScrollableAppbarPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
title: Text('Scrollable Appbar Demo'),
floating: true,
expandedHeight: 200,
flexibleSpace: Placeholder(),
),
SliverList(
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
return ListTile(
title: Text('Item $index'),
);
},
childCount: 100,
),
),
],
),
);
}
}
在这个示例中,我们创建了一个CustomScrollView,其中包含一个SliverAppBar和一个SliverList。当页面滚动时,AppBar会浮动在页面顶部,而SliverList会显示100个列表项。
这是一个基本的实现方法,你可以根据自己的需求进行调整和扩展。希望对你有帮助!
领取专属 10元无门槛券
手把手带您无忧上云