如何在我的 flutter 應用程序中使漢堡圖標更大

Question

我似乎無法弄清楚如何在我的 flutter 應用程序中使漢堡圖標更大

這是我的 flutter 應用程序的代碼，我只是想讓它更大.................................. ..................................................... ..................................................... ......

return new Scaffold(

  backgroundColor: Colors.transparent,
  appBar: AppBar(
    backgroundColor: Colors.transparent,
    elevation: 0.0,
          iconTheme: new IconThemeData(color: Colors.black),

  ),
        extendBodyBehindAppBar: true,
drawer: Drawer(
        // Add a ListView to the drawer. This ensures the user can scroll
        // through the options in the drawer if there isn't enough vertical
        // space to fit everything.
       
        child: ListView(
          // Important: Remove any padding from the ListView.
          padding: EdgeInsets.zero,
          children: <Widget>[
            DrawerHeader(
              child: Text('Drawer Header', ),
              decoration: BoxDecoration(
                color: Colors.black,
              ),
            ),
            ListTile(
              title: Text('Trip History',style : TextStyle(fontSize: 20.0,fontFamily:"Clan-Medium")),
              onTap: () {
                // Update the state of the app
                // ...
                // Then close the drawer
                Navigator.pop(context);
              },
            ),
            ListTile(
              title: Text('Payment',style : TextStyle(fontSize: 20.0,fontFamily:"Clan-Medium")),
              onTap: () {
                // Update the state of the app
                // ...
                // Then close the drawer
                Navigator.pop(context);
              },
            ),
            ListTile(
              title: Text('Settings',style : TextStyle(fontSize: 20.0,fontFamily:"Clan-Medium")),
              onTap: () {
                // Update the state of the app
                // ...
                // Then close the drawer
                Navigator.pop(context);
              },
            ),

          ],
        ),
      ),

Answer 1

將您的 AppBar 更改為此，然后關注 Icon 的size屬性，根據需要進行更改。

appBar: AppBar(
    backgroundColor: Colors.transparent,
    elevation: 0.0,
    iconTheme: new IconThemeData(color: Colors.black),
    leading: IconButton(
        icon: Icon(
                   Icons.menu,
                   color: Colors.black,
                   size: 24.0,
                  ),
        onPressed: (){
           _scaffoldKey.currentState.openDrawer();
        },
   )
),

您可以在此處設置任何圖標。

此外，正如官方文檔所說，您也可以使用它，它還有一個設置ToolTip的選項。

AppBar(
  leading: Builder(
    builder: (BuildContext context) {
      return IconButton(
        icon: const Icon(Icons.menu),
        onPressed: () { Scaffold.of(context).openDrawer(); },
        tooltip: MaterialLocalizations.of(context).openAppDrawerTooltip,
      );
    },
  ),
)