flutter - 如何更改抽屉导航的工具栏颜色

标签 flutter dart flutter-layout flutter-drawer

如何更改抽屉导航的工具栏颜色。

最佳答案

只需添加 padding: EdgeInsets.all(0.0),在您的 listview Drawer 内的小部件小部件
试试这个

class HomePage extends StatefulWidget {
  @override
  _HomePageScreen createState() => _HomePageScreen();
}

class _HomePageScreen extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return  Scaffold(
      appBar:  AppBar(
        title:  Text("Home"),
      ),
      drawer: Drawer(
        child:  ListView(
          padding:  EdgeInsets.all(0.0),
          children: <Widget>[
             UserAccountsDrawerHeader(
              accountName:  Text("Nilesh Rathod"),
              accountEmail:  Text("nilesh@gmail.com"),
              currentAccountPicture:  CircleAvatar(
                backgroundColor: Colors.white,
                child:  Text("Nilu"),
              ),
            ),
             ListTile(
              title:  Text("Home"),
              trailing:  Icon(Icons.new_releases),
            ),
             Divider(),
             ListTile(
              title:  Text("Profile"),
              trailing:  Icon(Icons.person),
              onTap: () => {},
            ),
             Divider(),
             ListTile(
              title:  Text("Tab Layout"),
              trailing:  Icon(Icons.person),
              onTap: () => {},
            ),
             Divider(),
             ListTile(
              title:  Text("Comman View Demo"),
              trailing:  Icon(Icons.person),
              onTap: () => {},
            ),
             Divider(),
             ListTile(
              title:  Text("Close"),
              trailing:  Icon(Icons.close),
              onTap: () => Navigator.of(context).pop(),
            ),
          ],
        ),
      ),
      body:  CachedNetworkImage(
          imageUrl: '/image/K8FFo.jpg?s=328&g=1',
          placeholder: (context, url) => CircularProgressIndicator(), //<= ends here
          errorWidget: (context, url, error) => Icon(Icons.error)),
    );
  }
}
输出

With padding: EdgeInsets.all(0.0),


enter image description here

Without padding: EdgeInsets.all(0.0),


enter image description here

关于flutter - 如何更改抽屉导航的工具栏颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62557573/

相关文章:

UTC中的DateTime不转换为Local

firebase - Flutter:Crashlytics插件在崩溃时引发错误状态错误

flutter - 无法在 flutter 中设置状态

flutter - 当用户使用返回键从任何其他页面返回页面时,如何刷新页面?

android - 如何在 flutter 中绘制自定义动态高度弯曲形状?

image - 如何在 Flutter/Dart 中将 Assets 图像转换为位图?

flutter - 使用 Mocktail 测试模拟 http 客户端时,类型 'Null' 不是类型 'Future<Response>' 的子类型

android - Flutter 永久隐藏导航栏

flutter - 如何在flutter中添加所需的参数

应用程序体内的 Flutter TabBar 和 TabBarView