Buttonsدوگمەکان

import 'package:flutter/material.dart';

class ButtonGallery extends StatelessWidget {
  const ButtonGallery({super.key});

  void _buy() => debugPrint('Buy pressed');

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        FilledButton(onPressed: _buy, child: const Text('Buy now')),
        FilledButton.tonal(onPressed: _buy, child: const Text('Add to basket')),
        ElevatedButton(onPressed: _buy, child: const Text('Save for later')),
        OutlinedButton(onPressed: _buy, child: const Text('Compare')),
        TextButton(onPressed: _buy, child: const Text('More details')),
        // onPressed: null -> the button is disabled (greyed out, no ripple)
        const FilledButton(onPressed: null, child: Text('Sold out')),
      ],
    );
  }
}

import 'package:flutter/material.dart';

class IconLabelButtons extends StatelessWidget {
  const IconLabelButtons({super.key});

  @override
  Widget build(BuildContext context) {
    return Wrap(
      spacing: 8,
      children: [
        FilledButton.icon(
          onPressed: () {},
          icon: const Icon(Icons.shopping_cart),
          label: const Text('Order'),
        ),
        OutlinedButton.icon(
          onPressed: () {},
          icon: const Icon(Icons.share),
          label: const Text('Share'),
        ),
        TextButton.icon(
          onPressed: () {},
          icon: const Icon(Icons.call),
          label: const Text('Call the shop'),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';

class FavouriteButton extends StatefulWidget {
  const FavouriteButton({super.key});

  @override
  State<FavouriteButton> createState() => _FavouriteButtonState();
}

class _FavouriteButtonState extends State<FavouriteButton> {
  bool _liked = false;

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        IconButton(
          tooltip: 'Favourite',
          isSelected: _liked,
          icon: const Icon(Icons.favorite_border),
          selectedIcon: const Icon(Icons.favorite, color: Colors.red),
          onPressed: () => setState(() => _liked = !_liked),
        ),
        IconButton.filled(
          tooltip: 'Search',
          onPressed: () {},
          icon: const Icon(Icons.search),
        ),
        IconButton.filledTonal(
          tooltip: 'Share',
          onPressed: () {},
          icon: const Icon(Icons.share),
        ),
        IconButton.outlined(
          tooltip: 'Delete',
          onPressed: () {},
          icon: const Icon(Icons.delete_outline),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';

class OrdersPage extends StatelessWidget {
  const OrdersPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Orders')),
      body: const Center(child: Text('No orders yet')),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: () {},
        icon: const Icon(Icons.add),
        label: const Text('New order'),
      ),
    );
  }
}

import 'package:flutter/material.dart';

class TeaCounter extends StatefulWidget {
  const TeaCounter({super.key});

  @override
  State<TeaCounter> createState() => _TeaCounterState();
}

class _TeaCounterState extends State<TeaCounter> {
  static const int maxGlasses = 5;
  int _glasses = 0;

  void _addGlass() {
    setState(() => _glasses++);
  }

  @override
  Widget build(BuildContext context) {
    final bool full = _glasses >= maxGlasses;
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        Text('Glasses of tea: $_glasses', style: const TextStyle(fontSize: 22)),
        const SizedBox(height: 12),
        FilledButton(
          // A function -> enabled. null -> disabled.
          onPressed: full ? null : _addGlass,
          child: Text(full ? 'The tray is full' : 'Add a glass'),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';

class TappableCard extends StatelessWidget {
  const TappableCard({super.key});

  @override
  Widget build(BuildContext context) {
    return Card(
      // Card is a Material, so InkWell can draw its ripple on it.
      clipBehavior: Clip.antiAlias,
      child: InkWell(
        onTap: () => debugPrint('Card tapped'),
        onLongPress: () => debugPrint('Card long-pressed'),
        child: const Padding(
          padding: EdgeInsets.all(16),
          child: Row(
            children: [
              Icon(Icons.local_cafe),
              SizedBox(width: 12),
              Text('Kurdish tea  ·  500 IQD'),
            ],
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

class CourseButtonsToday extends StatelessWidget {
  const CourseButtonsToday({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        // The course's FlatButton, today: a TextButton
        TextButton(
          style: TextButton.styleFrom(
            backgroundColor: Colors.blueAccent,
            foregroundColor: Colors.white,
            textStyle: const TextStyle(fontSize: 20),
          ),
          onPressed: () {},
          child: const Text('Login'),
        ),
        const SizedBox(height: 12),
        // The course's RaisedButton, today: an ElevatedButton
        ElevatedButton(
          style: ElevatedButton.styleFrom(
            backgroundColor: Colors.green,
            foregroundColor: Colors.white,
            padding: const EdgeInsets.all(8),
            textStyle: const TextStyle(fontSize: 20),
          ),
          onPressed: () {},
          child: const Text('Press Here'),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';

class PayButton extends StatelessWidget {
  const PayButton({super.key});

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      style: ElevatedButton.styleFrom(
        backgroundColor: Colors.teal,
        foregroundColor: Colors.white, // text, icon and ripple colour
        disabledBackgroundColor: Colors.grey.shade300,
        minimumSize: const Size.fromHeight(56), // full width, 56 high
        padding: const EdgeInsets.symmetric(horizontal: 24),
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
        elevation: 4,
        textStyle: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
      ),
      onPressed: () {},
      child: const Text('Pay 12,000 IQD'),
    );
  }
}

import 'package:flutter/material.dart';

class StateColourButton extends StatelessWidget {
  const StateColourButton({super.key, required this.onPressed});

  final VoidCallback? onPressed;

  @override
  Widget build(BuildContext context) {
    return FilledButton(
      style: ButtonStyle(
        backgroundColor: WidgetStateProperty.resolveWith<Color?>((states) {
          if (states.contains(WidgetState.disabled)) return Colors.grey;
          if (states.contains(WidgetState.pressed)) return Colors.deepOrange;
          return Colors.orange; // the normal state
        }),
        foregroundColor: const WidgetStatePropertyAll(Colors.white),
        padding: const WidgetStatePropertyAll(EdgeInsets.all(16)),
      ),
      onPressed: onPressed,
      child: const Text('Send order'),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.teal),
        // Every ElevatedButton in the app gets this style.
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ElevatedButton.styleFrom(
            minimumSize: const Size(120, 48),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(8),
            ),
          ),
        ),
      ),
      home: Scaffold(
        body: Center(
          child: ElevatedButton(onPressed: () {}, child: const Text('Themed')),
        ),
      ),
    ),
  );
}

import 'package:flutter/material.dart';

enum GlassSize { small, medium, large }

class GlassSizePicker extends StatefulWidget {
  const GlassSizePicker({super.key});

  @override
  State<GlassSizePicker> createState() => _GlassSizePickerState();
}

class _GlassSizePickerState extends State<GlassSizePicker> {
  GlassSize _size = GlassSize.medium;

  @override
  Widget build(BuildContext context) {
    return SegmentedButton<GlassSize>(
      segments: const [
        ButtonSegment(value: GlassSize.small, label: Text('Small')),
        ButtonSegment(value: GlassSize.medium, label: Text('Medium')),
        ButtonSegment(
          value: GlassSize.large,
          label: Text('Large'),
          icon: Icon(Icons.local_cafe),
        ),
      ],
      selected: {_size}, // a Set, because several may be selected
      onSelectionChanged: (Set<GlassSize> newSelection) {
        setState(() => _size = newSelection.first);
      },
    );
  }
}

import 'package:flutter/material.dart';

class CityPicker extends StatefulWidget {
  const CityPicker({super.key});

  @override
  State<CityPicker> createState() => _CityPickerState();
}

class _CityPickerState extends State<CityPicker> {
  static const cities = ['Erbil', 'Sulaymaniyah', 'Duhok', 'Halabja'];
  String _city = 'Erbil';

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        DropdownMenu<String>(
          label: const Text('City'),
          initialSelection: _city,
          dropdownMenuEntries: [
            for (final city in cities)
              DropdownMenuEntry(value: city, label: city),
          ],
          onSelected: (String? value) {
            if (value != null) setState(() => _city = value);
          },
        ),
        Text('Delivery to $_city'),
      ],
    );
  }
}

import 'package:flutter/material.dart';

class ProductTile extends StatelessWidget {
  const ProductTile({super.key});

  @override
  Widget build(BuildContext context) {
    return ListTile(
      leading: const Icon(Icons.local_cafe),
      title: const Text('Tea glass'),
      trailing: PopupMenuButton<String>(
        tooltip: 'More actions',
        onSelected: (String action) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('You chose: $action')),
          );
        },
        itemBuilder: (context) => const [
          PopupMenuItem(value: 'Edit', child: Text('Edit')),
          PopupMenuItem(value: 'Share', child: Text('Share')),
          PopupMenuItem(value: 'Delete', child: Text('Delete')),
        ],
      ),
    );
  }
}