背景
應用左側或右側導航面板;
屬性 | 作用 |
---|---|
elevation | 相當于陰影的大小 |
import 'package:flutter/material.dart';class CustomDrawer extends StatelessWidget {const CustomDrawer({Key? key}) : super(key: key);Widget build(BuildContext context) {return SizedBox(height: 400,child: Scaffold(appBar: AppBar(title: const Text('Flutter Unit'),),//drawer左邊彈出來drawer: Drawer(elevation: 3,child: _buildChild(),),//endDrawer右邊彈出來),);}Widget _buildChild() => ListView(padding: EdgeInsets.zero,children: const <Widget>[DrawerHeader(decoration: BoxDecoration(image: DecorationImage(image: AssetImage('assets/images/ic_launcher.png'),fit: BoxFit.cover),),child: Text('懷君',style: TextStyle(fontSize: 24, color: Colors.white, shadows: [Shadow(color: Colors.black, offset: Offset(1, 1), blurRadius: 3)]),),),ListTile(leading: Icon(Icons.star,color: Colors.blue,),title: Text('我的收藏'),),ListTile(leading: Icon(Icons.insert_drive_file,color: Colors.green,),title: Text('wodeceshi'),),],);
}