Skip to main content

Menu Item Button

1​

Button Image

import 'package:flutter/material.dart';
MenuItemButton(
  onPressed: () {},
  leadingIcon: const Icon(Icons.account_balance),
  trailingIcon: const Icon(Icons.navigate_next),
  child: const Text('Menu Item Button'),
),

2​

Button Image

import 'package:flutter/material.dart';
MenuItemButton(
  onPressed: () {},
  style: ButtonStyle(
    backgroundColor: WidgetStatePropertyAll(
      Colors.blue.shade100,
    ),
  ),
  leadingIcon: const Icon(Icons.account_balance),
  trailingIcon: const Icon(Icons.navigate_next),
  child: const Text('Menu Item Button'),
),

3​

Button Image

import 'package:flutter/material.dart';
MenuItemButton(
  onPressed: () {},
  style: const ButtonStyle(
    shape: WidgetStatePropertyAll(
      StadiumBorder(
        side: BorderSide(
          color: Colors.blue,
        ),
      ),
    ),
    padding: WidgetStatePropertyAll(
      EdgeInsets.only(left: 20, right: 12),
    ),
  ),
  trailingIcon: const Icon(Icons.navigate_next),
  child: const Text('Menu Item Button'),
),