Select Menu Tile

enum Notification { all, direct, nothing }
 
class _SelectMenuTile extends StatefulWidget {
  @override
  State<_SelectMenuTile> createState() => _SelectMenuTileState();
}
 
class _SelectMenuTileState extends State<_SelectMenuTile> {
  final controller = FSelectMenuTileController.radio(value: Notification.all);
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    selectController: controller,
    autoHide: true,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: Icon(FIcons.bell),
    title: const Text('Notifications'),
    details: ListenableBuilder(
      listenable: controller,
      builder: (context, _) => Text(
        switch (controller.value.firstOrNull) {
          Notification.all => 'All',
          Notification.direct => 'Direct Messages',
          null || Notification.nothing => 'None',
        },
      ),
    ),
    menu: [
      FSelectTile(title: const Text('All'), value: Notification.all),
      FSelectTile(title: const Text('Direct Messages'), value: Notification.direct),
      FSelectTile(title: const Text('None'), value: Notification.nothing),
    ],
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

enum Notification { all, direct, nothing }
 
class _SelectMenuTile extends StatefulWidget {
  @override
  State<_SelectMenuTile> createState() => _SelectMenuTileState();
}
 
class _SelectMenuTileState extends State<_SelectMenuTile> {
  final controller = FSelectMenuTileController.radio(value: Notification.all);
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    selectController: controller,
    autoHide: true,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: Icon(FIcons.bell),
    title: const Text('Notifications'),
    details: ListenableBuilder(
      listenable: controller,
      builder: (context, _) => Text(
        switch (controller.value.firstOrNull) {
          Notification.all => 'All',
          Notification.direct => 'Direct Messages',
          null || Notification.nothing => 'None',
        },
      ),
    ),
    menu: [
      FSelectTile(title: const Text('All'), value: Notification.all),
      FSelectTile(title: const Text('Direct Messages'), value: Notification.direct),
      FSelectTile(title: const Text('None'), value: Notification.nothing),
    ],
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

enum Notification { all, direct, limitedTime, timeSensitive, selectedApps, nothing }
 
class _ScrollableSelectMenuTile extends StatefulWidget {
  @override
  State<_ScrollableSelectMenuTile> createState() => _ScrollableSelectMenuTileState();
}
 
class _ScrollableSelectMenuTileState extends State<_ScrollableSelectMenuTile> {
  final controller = FSelectMenuTileController.radio(value: Notification.all);
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    selectController: controller,
    autoHide: true,
    maxHeight: 200,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: Icon(FIcons.bell),
    title: const Text('Notifications'),
    details: ListenableBuilder(
      listenable: controller,
      builder: (context, _) => Text(
        switch (controller.value.firstOrNull) {
          Notification.all => 'All',
          Notification.direct => 'Direct Messages',
          Notification.limitedTime => 'Limited Time',
          Notification.selectedApps => 'Selected Apps',
          Notification.timeSensitive => 'Time Sensitive',
          null || Notification.nothing => 'None',
        },
      ),
    ),
    menu: [
      FSelectTile(title: const Text('All'), value: Notification.all),
      FSelectTile(title: const Text('Direct Messages'), value: Notification.direct),
      FSelectTile(title: const Text('Limited Time'), value: Notification.limitedTime),
      FSelectTile(title: const Text('Selected Apps'), value: Notification.selectedApps),
      FSelectTile(title: const Text('Time Sensitive'), value: Notification.timeSensitive),
      FSelectTile(title: const Text('None'), value: Notification.nothing),
    ],
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

class _LazySelectMenuTile extends StatefulWidget {
  @override
  State<_LazySelectMenuTile> createState() => _LazySelectMenuTileState();
}
 
class _LazySelectMenuTileState extends State<_LazySelectMenuTile> {
  final controller = FSelectMenuTileController(values: {1});
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile.builder(
    selectController: controller,
    autoHide: true,
    maxHeight: 200,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: Icon(FIcons.variable),
    title: const Text('Applicable values'),
    menuBuilder: (context, index) => FSelectTile(
      title: Text('Tile $index'),
      value: index,
    ),
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

enum Notification { all, direct, nothing }
 
class _SelectMenuTileForm extends StatefulWidget {
  @override
  State<_SelectMenuTileForm> createState() => _SelectMenuTileFormState();
}
 
class _SelectMenuTileFormState extends State<_SelectMenuTileForm> {
  final _formKey = GlobalKey<FormState>();
  final controller = FSelectMenuTileController<Notification>.radio();
 
  @override
  Widget build(BuildContext context) => Form(
    key: _formKey,
    child: Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        FSelectMenuTile(
          selectController: controller,
          autoHide: true,
          validator: (value) => value == null ? 'Select an item' : null,
          prefixIcon: Icon(FIcons.bell),
          title: const Text('Notifications'),
          details: ListenableBuilder(
            listenable: controller,
            builder: (context, _) => Text(
              switch (controller.value.firstOrNull) {
                Notification.all => 'All',
                Notification.direct => 'Direct Messages',
                null || Notification.nothing => 'None',
              },
            ),
          ),
          menu: [
            FSelectTile(title: const Text('All'), value: Notification.all),
            FSelectTile(title: const Text('Direct Messages'), value: Notification.direct),
            FSelectTile(title: const Text('None'), value: Notification.nothing),
          ],
        ),
        const SizedBox(height: 20),
        FButton(
          child: const Text('Save'),
          onPress: () {
            if (!_formKey.currentState!.validate()) {
              // Handle errors here.
              return;
            }
 
            _formKey.currentState!.save();
            // Do something.
          },
        ),
      ],
    ),
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}