1.封装

2023-04-16 11:34:01 +08:00
parent a1465d4a52
commit d0d3f9476b
3 changed files with 83 additions and 62 deletions
--- a/lib/guess/guess_app_bar.dart
+++ b/lib/guess/guess_app_bar.dart
@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+class GuessAppBar extends StatelessWidget implements PreferredSizeWidget{
+  const GuessAppBar({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      systemOverlayStyle: const SystemUiOverlayStyle(
+          statusBarIconBrightness: Brightness.dark,
+          statusBarColor: Colors.transparent),
+      // leadingWidth: 54,
+      titleSpacing: 0,
+      leading: Icon(
+        Icons.menu,
+        color: Colors.black,
+      ),
+      actions: [
+        IconButton(
+            splashRadius: 20,
+            onPressed: () {},
+            icon: Icon(
+              Icons.run_circle_outlined,
+              color: Colors.blue,
+            ))
+      ],
+      backgroundColor: Colors.white,
+      elevation: 0,
+      title: TextField(
+        keyboardType: TextInputType.number,
+        decoration: InputDecoration(
+            filled: true,
+            fillColor: Color(0xffF3F6F9),
+            constraints: BoxConstraints(maxHeight: 35),
+            border: UnderlineInputBorder(
+              borderSide: BorderSide.none,
+              borderRadius: BorderRadius.all(Radius.circular(6)),
+            ),
+            hintText: "输入 0~99 数字",
+            hintStyle: TextStyle(fontSize: 14)),
+      ),
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}