Select Menu Tile

enum Notification { all, direct, nothing }
 
class _SelectMenuTile extends StatefulWidget {
  const _SelectMenuTileForm({super.key});
 
  @override
  State<_SelectMenuTile> createState() => _SelectMenuTileState();
}
 
class _SelectMenuTileState extends State<_SelectMenuTile> {
  final controller = FRadioSelectGroupController(value: Notification.all);
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    groupController: controller,
    autoHide: true,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: FIcon(FAssets.icons.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 {
  const _SelectMenuTileForm({super.key});
 
  @override
  State<_SelectMenuTile> createState() => _SelectMenuTileState();
}
 
class _SelectMenuTileState extends State<_SelectMenuTile> {
  final controller = FRadioSelectGroupController(Notification.all);
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    groupController: controller,
    autoHide: true,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: FIcon(FAssets.icons.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 {
  const _ScrollableSelectMenuTile({super.key});
 
  @override
  State<_ScrollableSelectMenuTile> createState() => _ScrollableSelectMenuTileState();
}
 
class _ScrollableSelectMenuTileState extends State<_ScrollableSelectMenuTile> {
  final controller = FRadioSelectGroupController(Notification.all);
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    groupController: controller,
    autoHide: true,
    maxHeight: 200,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: FIcon(FAssets.icons.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 {
  const _SelectMenuTileForm({super.key});
 
  @override
  State<_LazySelectMenuTile> createState() => _LazySelectMenuTileState();
}
 
class _LazySelectMenuTileState extends State<_LazySelectMenuTile> {
  final controller = FMultiSelectGroupController(values: {1});
 
  @override
  Widget build(BuildContext context) => FSelectMenuTile.builder(
    groupController: controller,
    autoHide: true,
    maxHeight: 200,
    validator: (value) => value == null ? 'Select an item' : null,
    prefixIcon: FIcon(FAssets.icons.variable),
    title: const Text('Applicable values'),
    menuTileBuilder: (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 {
  const _SelectMenuTileForm({super.key});
 
  @override
  State<_SelectMenuTileForm> createState() => _SelectMenuTileFormState();
}
 
class _SelectMenuTileFormState extends State<_SelectMenuTileForm> {
  final _formKey = GlobalKey<FormState>();
  final controller = FRadioSelectGroupController();
 
  @override
  Widget build(BuildContext context) => Form(
        key: _formKey,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            FSelectMenuTile(
              groupController: controller,
              autoHide: true,
              validator: (value) => value == null ? 'Select an item' : null,
              prefixIcon: FIcon(FAssets.icons.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(
              label: const Text('Save'),
              onPress: () {
                if (!_formKey.currentState!.validate()) {
                  // Handle errors here.
                  return;
                }
 
                _formKey.currentState!.save();
                // Do something.
              },
            ),
          ],
        ),
      );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}