作者:王者灬旋律 | 来源:互联网 | 2023-02-05 10:32
我是Flutter的新手,刚刚完成了入门教程.我想创建一个侧边菜单,当您滑动时,它会从左侧显示(如Android上的Gmail).
不幸的是,我在文档上找不到这样的布局,而且来自颤动画廊的例子有点乱.
有人可以解释一下如何实现这样的Widget吗?
1> Rainer Wittm..:
这是一个简单的Drawer的例子(我只是改编了默认的项目设置flutter create
):
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('TestProject'),
),
drawer: new Drawer(
child: new ListView(
children: [
new DrawerHeader(child: new Text('Header'),),
new ListTile(
title: new Text('First Menu Item'),
onTap: () {},
),
new ListTile(
title: new Text('Second Menu Item'),
onTap: () {},
),
new Divider(),
new ListTile(
title: new Text('About'),
onTap: () {},
),
],
)
),
body: new Center(
child: new Text(
'Center',
),
),
);
}
}
该文档是一个良好的开端;)
顺便说一下:在你的脚手架中包括一个抽屉,还会为你处理菜单按钮和左侧滑动手势.