Advertisement
sebuahhobi

showBottomSheet

Jul 7th, 2022
656
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Dart 3.45 KB | None
  1. _modal() async {
  2.     showModalBottomSheet(
  3.       context: context,
  4.       elevation: 5,
  5.       backgroundColor: const Color.fromARGB(0, 175, 157, 157),
  6.       builder: (BuildContext context) {
  7.         return Container(
  8.           margin: const EdgeInsets.all(10),
  9.           color: Colors.white70,
  10.           child: ChangeNotifierProvider<ApplicationSlider>(
  11.             // builder: (context) => ApplicationSlider(),
  12.             create: (context) => ApplicationSlider(),
  13.             child: Column(
  14.               mainAxisAlignment: MainAxisAlignment.center,
  15.               children: [
  16.                 Row(
  17.                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
  18.                   children: [
  19.                     Consumer<ApplicationSlider>(
  20.                       builder: (context, applicationSlider, _) => IconButton(
  21.                         onPressed: () {
  22.                           applicationSlider.slider =
  23.                               applicationSlider.slider - 1;
  24.                         },
  25.                         icon: const Icon(Icons.minimize),
  26.                       ),
  27.                     ),
  28.                     Consumer<ApplicationSlider>(
  29.                       builder: (context, applicationSlider, _) =>
  30.                           Text(applicationSlider.slider.round().toString()),
  31.                     ),
  32.                     Consumer<ApplicationSlider>(
  33.                       builder: (context, applicationSlider, _) => IconButton(
  34.                         onPressed: () {
  35.                           applicationSlider.slider =
  36.                               applicationSlider.slider + 1;
  37.                         },
  38.                         icon: const Icon(Icons.add),
  39.                       ),
  40.                     ),
  41.                   ],
  42.                 ),
  43.                 Consumer<ApplicationSlider>(
  44.                   builder: (context, applicationSlider, _) => Slider(
  45.                     value: applicationSlider.slider,
  46.                     max: 99,
  47.                     min: -99,
  48.                     label: applicationSlider.slider.round().toString(),
  49.                     // divisions: 1,
  50.                     onChanged: (val) {
  51.                       applicationSlider.slider = val;
  52.                     },
  53.                   ),
  54.                 ),
  55.                 Padding(
  56.                   padding: const EdgeInsets.fromLTRB(10, 10, 10, 0),
  57.                   child: TextFormField(
  58.                     controller: time,
  59.                     decoration: InputDecoration(
  60.                       labelText: "Time",
  61.                       border: OutlineInputBorder(
  62.                         borderRadius: BorderRadius.circular(10),
  63.                       ),
  64.                     ),
  65.                   ),
  66.                 ),
  67.                 Padding(
  68.                   padding: const EdgeInsets.fromLTRB(10, 10, 10, 0),
  69.                   child: TextFormField(
  70.                     controller: nama,
  71.                     decoration: InputDecoration(
  72.                       labelText: "Nama Pengingat",
  73.                       border: OutlineInputBorder(
  74.                         borderRadius: BorderRadius.circular(10),
  75.                       ),
  76.                     ),
  77.                   ),
  78.                 ),
  79.                 ElevatedButton(
  80.                   child: const Text('Close BottomSheet'),
  81.                   onPressed: () => Navigator.pop(context),
  82.                 )
  83.               ],
  84.             ),
  85.           ),
  86.         );
  87.       },
  88.     );
  89.   }
Advertisement
RAW Paste Data Copied
Advertisement