废话不多说,先看图:
上述动图中的效果,相信大多数小伙伴已经很熟悉了,在刚开始接触Android时,小伙伴做的最多的应该就是底部导航栏和侧滑导航栏了,作为Android开发中的经典业务场景,它们使用跨平台Flutter框架该怎么实现呢?接下来我们来一起看下侧滑导航栏在Flutter内的实现。
添加Drawer Widget
首先在Android Studio中新建Flutter工程,并删除无用代码,删除后的main.dart长这样:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());//main主入口,相当于Android原生的Application,随后runApp用于指定应用的首个Widget页面,这里就是MyApp
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'F