Select Menu Tile

enum Notification { all, direct, nothing }
 
class _SelectMenuTile extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    initialValue: Notification.all,
    validator: (value) => value == null ? 'Select an item' : null,
    prefix: const Icon(FIcons.bell),
    title: const Text('Notifications'),
    detailsBuilder: (_, values, _) => Text(switch (values.firstOrNull) {
      Notification.all => 'All',
      Notification.direct => 'Direct Messages',
      _ => 'None',
    }),
    menu: const [
      FSelectTile(title: Text('All'), value: Notification.all),
      FSelectTile(title: Text('Direct Messages'), value: Notification.direct),
      FSelectTile(title: Text('None'), value: Notification.nothing),
    ],
  );
}

enum Notification { all, direct, nothing }
 
class _SelectMenuTile extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    initialValue: Notification.all,
    autoHide: false,
    validator: (value) => value == null ? 'Select an item' : null,
    prefix: const Icon(FIcons.bell),
    title: const Text('Notifications'),
    detailsBuilder: (_, values, _) => Text(switch (values.firstOrNull) {
      Notification.all => 'All',
      Notification.direct => 'Direct Messages',
      _ => 'None',
    }),
    menu: const [
      FSelectTile(title: Text('All'), value: Notification.all),
      FSelectTile(title: Text('Direct Messages'), value: Notification.direct),
      FSelectTile(title: Text('None'), value: Notification.nothing),
    ],
  );
}

enum Notification { all, direct, limitedTime, timeSensitive, selectedApps, nothing }
 
class ScrollableSelectMenuTilePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FSelectMenuTile(
    initialValue: Notification.all,
    maxHeight: 150,
    validator: (value) => value == null ? 'Select an item' : null,
    prefix: const Icon(FIcons.bell),
    title: const Text('Notifications'),
    detailsBuilder: (_, values, _) => Text(switch (values.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: const [
      FSelectTile(title: Text('All'), value: Notification.all),
      FSelectTile(title: Text('Direct Messages'), value: Notification.direct),
      FSelectTile(title: Text('Limited Time'), value: Notification.limitedTime),
      FSelectTile(title: Text('Selected Apps'), value: Notification.selectedApps),
      FSelectTile(title: Text('Time Sensitive'), value: Notification.timeSensitive),
      FSelectTile(title: Text('None'), value: Notification.nothing),
    ],
  );
}

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,
    maxHeight: 200,
    validator: (value) => value == null ? 'Select an item' : null,
    prefix: 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 GlobalKey<FormState> _formKey = GlobalKey<FormState>();
 
   @override
   Widget build(BuildContext context) => Form(
     key: _formKey,
     child: Column(
       mainAxisSize: MainAxisSize.min,
       children: [
         FSelectMenuTile(
           initialValue: Notification.all,
           validator: (value) => value == null ? 'Select an item' : null,
           prefix: const Icon(FIcons.bell),
           title: const Text('Notifications'),
           detailsBuilder: (_, values, _) => Text(switch (values.firstOrNull) {
             Notification.all => 'All',
             Notification.direct => 'Direct Messages',
             _ => 'None',
           }),
           menu: const [
             FSelectTile(title: Text('All'), value: Notification.all),
             FSelectTile(title: Text('Direct Messages'), value: Notification.direct),
             FSelectTile(title: 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.
           },
         ),
       ],
     ),
   );
}