Flutter之侧滑导航栏

废话不多说,先看图:

enter image description here

上述动图中的效果,相信大多数小伙伴已经很熟悉了,在刚开始接触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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值