Dropdown Example using Flutter Bloc

dropdown_example.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import '../../../data/models/order/courier.dart';
import '../../blocs/order/order_bloc.dart';

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

  @override
  State<DropdownExample> createState() => _DropdownExampleState();
}

class _DropdownExampleState extends State<DropdownExample> {
  Courier? _selectedCourier;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            SizedBox(height: 200),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Builder(builder: (context) {
                  final couriers = context.watch<OrderBloc>().state.couriers;

                  return DropdownButton(
                    hint: Text("Select Courier"),
                    value: _selectedCourier,
                    items: couriers.map((item) {
                      return DropdownMenuItem(
                        child: Text(item.namaKurir ?? ''),
                        value: item,
                      );
                    }).toList(),
                    onChanged: (value) {
                      setState(() {
                        _selectedCourier = value;
                      });
                    },
                  );
                }),
                ElevatedButton(
                  child: Text('SUBMIT'),
                  onPressed: () {
                    print(
                        'SELECTED: ${_selectedCourier?.id} - ${_selectedCourier?.namaKurir}');
                  },
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}