Flutter（九）-实现抽屉动画，Android详解

这个Widget太简单了，就不细说了。

实现顶部Widget

class UpDrawerWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(child: Center(child: Text(“顶部Widget”,),),);
}
}

实现方式和底部是一样的。

实现可以移动的容器

上面两个Widget都是单纯用来显示的Widget，因此继承了StatelessWidget。接下来我们需要根据手势动态移动顶部的Widget，因此需要继承StatefulWidget。

// 顶部Widget
class HomePageWidget extends StatefulWidget {
@override
State createState() => HomePageState();
}

class HomePageState extends State
with SingleTickerProviderStateMixin {

@override
void initState() {…}

@override
void dispose() {…}

@override
Widget build(BuildContext context) {…}

void _onViewDragDown(DragDownDetails callback) {…}

void _onViewDrag(DragUpdateDetails callback) {…}

voi