Created the bottom control bar

src/cipher_disk/lib/floating_toolbar.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 
 class FloatingToolbar extends StatelessWidget {
   const FloatingToolbar({super.key, required this.primColor});
@@ -6,28 +7,50 @@ class FloatingToolbar extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    Color textColor = primColor.computeLuminance() > 0.5
+        ? Colors.black
+        : Colors.white;
+
     return BottomAppBar(
       color: primColor,
 
+      child: IconTheme(
+        data: IconThemeData(color: textColor),
         child: Row(
-        mainAxisAlignment: MainAxisAlignment.center,
           children: [
-          Text(
+            Text('Key:', style: TextStyle(fontSize: 20, color: textColor)),
-            'Key:',
+            Padding(padding: EdgeInsetsGeometry.all(5)),
-            style: TextStyle(
+            SizedBox(
-              fontSize: 24,
+              width: 30,
-              color: primColor.computeLuminance() > 0.5
+              child: TextField(
-                  ? Colors.black
+                keyboardType: TextInputType.number,
-                  : Colors.white,
+                decoration: InputDecoration(
+                  border: UnderlineInputBorder(),
+                  hintText: '12',
+                  hintStyle: TextStyle(color: Colors.yellow),
+                ),
+                style: TextStyle(color: textColor, fontSize: 20),
+                inputFormatters: [FilteringTextInputFormatter.digitsOnly],
               ),
             ),
             IconButton(
-            icon: Icon(Icons.code, size: 50),
+              tooltip: 'Increase key by +1',
-            color: Colors.green,
+              icon: const Icon(Icons.plus_one),
+              onPressed: () {},
+            ),
+            IconButton(
+              tooltip: 'Decrease key by -1',
+              icon: const Icon(Icons.exposure_minus_1_outlined),
+              onPressed: () {},
+            ),
+            IconButton(
+              tooltip: 'Swap',
+              icon: const Icon(Icons.swap_horiz),
               onPressed: () {},
             ),
           ],
         ),
+      ),
     );
   }
 }

src/cipher_disk/lib/main.dart

@@ -61,7 +61,7 @@ class _MyHomePageState extends State<MyHomePage> {
         ),
       ),
 
-      floatingActionButton: FloatingToolbar(primColor: primColor),
+      bottomNavigationBar: FloatingToolbar(primColor: primColor),
     );
   }
 }