example app design update & show active speaker

2021-10-25 02:08:26 +09:00
parent 6d4f32233f
commit d065c2eb97
11 changed files with 314 additions and 160 deletions
@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+
+class LKTextField extends StatelessWidget {
+  final String label;
+  final TextEditingController? ctrl;
+  const LKTextField({
+    required this.label,
+    this.ctrl,
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) => Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(bottom: 10),
+            child: Text(
+              label,
+              style: const TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.symmetric(
+              vertical: 15,
+              horizontal: 15,
+            ),
+            decoration: BoxDecoration(
+              border: Border.all(
+                width: 1,
+                color: Colors.white.withOpacity(.3),
+              ),
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: TextField(
+              controller: ctrl,
+              decoration: const InputDecoration.collapsed(
+                hintText: '',
+              ),
+              keyboardType: TextInputType.url,
+            ),
+          ),
+        ],
+      );
+}