Refine the ui

assets/posts.json

@@ -1,4 +1,5 @@
 {
+    "name": "gg",
     "posts": [
         {
             "title": "고도현",

lib/main.dart

@@ -1,3 +1,4 @@
+import 'package:device_preview/device_preview.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -10,7 +11,10 @@ void main() {
       providers: [
         ChangeNotifierProvider<SignUpHelper>(create: (_) => SignUpHelper()),
       ],
-      child: MyApp(),
+      child: DevicePreview(
+        enabled: false,
+        builder: (context) => const MyApp(),
+      ),
     ),
   );
 }

lib/models/post_model.dart

@@ -1,14 +1,18 @@
 class Post {
   Post({
+    this.name,
     this.posts,
   });
+  String? name;
   List<Value>? posts;
 
   factory Post.fromJson(Map<String, dynamic> json) => Post(
+        name: json['name'],
         posts: List<Value>.from(json['posts'].map((x) => Value.fromJson(x))),
       );
 
   Map<String, dynamic> toJson() => {
+        'name': name,
         'posts': List<dynamic>.from(posts!.map((x) => x.toJson())),
       };
 }

lib/pages/add_post_page.dart

@@ -13,7 +13,7 @@ class AddPostPage extends StatelessWidget {
         children: [
           Image.asset(
             'assets/background3.png',
-            fit: BoxFit.fitHeight,
+            fit: BoxFit.cover,
             color: Colors.white38,
             colorBlendMode: BlendMode.dstOut,
           ),

lib/pages/home_page.dart

@@ -7,53 +7,54 @@ import 'package:secret_diary/widgets/post_list_widget.dart';
 class HomePage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        backgroundColor: const Color(0xFFFFA786),
-        elevation: 0.0,
-        title: const Text(
-          '콩순이의 일기장',
-          style: TextStyle(color: Colors.black),
-        ),
-        actions: [
-          IconButton(
-            icon: const Icon(
-              Icons.add_outlined,
-              color: Colors.black,
-              size: 30,
+    return FutureBuilder<Post>(
+      future: getPost(),
+      builder: (context, snapshot) {
+        if (snapshot.connectionState == ConnectionState.waiting ||
+            snapshot.data == null) {
+          return const Scaffold(
+              body: Center(child: CircularProgressIndicator()));
+        }
+        return Scaffold(
+          appBar: AppBar(
+            backgroundColor: const Color(0xFFFFA786),
+            elevation: 0.0,
+            title: Text(
+              snapshot.data!.name!,
+              style: const TextStyle(color: Colors.black),
             ),
-            onPressed: () {
-              Navigator.push(
-                context,
-                MaterialPageRoute(
-                  builder: (context) => AddPostPage(),
+            actions: [
+              IconButton(
+                icon: const Icon(
+                  Icons.add_outlined,
+                  color: Colors.black,
+                  size: 30,
                 ),
-              );
-            },
-          )
-        ],
-      ),
-      body: FutureBuilder<Post>(
-        future: getPost(),
-        builder: (context, snapshot) {
-          if (snapshot.connectionState == ConnectionState.waiting ||
-              snapshot.data == null) {
-            return const Center(child: CircularProgressIndicator());
-          }
-          return Stack(
+                onPressed: () {
+                  Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                      builder: (context) => AddPostPage(),
+                    ),
+                  );
+                },
+              )
+            ],
+          ),
+          body: Stack(
             fit: StackFit.expand,
             children: [
               Image.asset(
                 'assets/background3.png',
-                fit: BoxFit.fitHeight,
+                fit: BoxFit.cover,
                 color: Colors.white38,
                 colorBlendMode: BlendMode.dstOut,
               ),
               PostListWidget(snapshot: snapshot),
             ],
-          );
-        },
-      ),
+          ),
+        );
+      },
     );
   }
 }

lib/pages/login/login_page.dart

@@ -13,7 +13,7 @@ class LoginPage extends StatelessWidget {
         children: [
           Image.asset(
             'assets/background.png',
-            fit: BoxFit.fitWidth,
+            fit: BoxFit.cover,
           ),
           Center(
             child: Column(

lib/pages/login/signin_page.dart

@@ -2,6 +2,7 @@ import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:secret_diary/pages/home_page.dart';
+import 'package:secret_diary/pages/test.dart';
 import 'package:secret_diary/widgets/custom_button.dart';
 import 'package:syncfusion_flutter_signaturepad/signaturepad.dart';
 
@@ -11,13 +12,12 @@ class SignInPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: Colors.grey,
       body: Stack(
         fit: StackFit.expand,
         children: [
           Image.asset(
             'assets/background2.png',
-            fit: BoxFit.fitHeight,
+            fit: BoxFit.cover,
             color: Colors.grey.withOpacity(0.5),
             colorBlendMode: BlendMode.modulate,
           ),
@@ -59,6 +59,12 @@ class SignInPage extends StatelessWidget {
                   // final bytes =
                   //     await data.toByteData(format: ImageByteFormat.png);
                   // final image = bytes!.buffer.asUint8List();
+                  // Navigator.push(
+                  //   context,
+                  //   MaterialPageRoute(
+                  //     builder: (context) => TestPage(image: image),
+                  //   ),
+                  // );
 
                   Navigator.pop(context);
                   Navigator.pop(context);

lib/pages/login/signup_page.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-// import 'package:flutter_drawing_board/flutter_drawing_board.dart';
 import 'package:provider/provider.dart';
 import 'package:secret_diary/providers/signup_provider.dart';
 import 'package:secret_diary/widgets/custom_button.dart';
@@ -19,13 +18,12 @@ class SignupPage extends StatelessWidget {
     var provider = Provider.of<SignUpHelper>(context);
 
     return Scaffold(
-      backgroundColor: Colors.grey,
       body: Stack(
         fit: StackFit.expand,
         children: [
           Image.asset(
             'assets/background2.png',
-            fit: BoxFit.fitHeight,
+            fit: BoxFit.cover,
             color: Colors.grey.withOpacity(0.5),
             colorBlendMode: BlendMode.modulate,
           ),
@@ -58,9 +56,11 @@ class SignupPage extends StatelessWidget {
                     text: '다음',
                     backgroundColor: Colors.white,
                     onPressed: () {
-                      _controller.animateTo(MediaQuery.of(context).size.width,
-                          duration: const Duration(milliseconds: 300),
-                          curve: Curves.easeIn);
+                      _controller.animateTo(
+                        MediaQuery.of(context).size.width,
+                        duration: const Duration(milliseconds: 300),
+                        curve: Curves.ease,
+                      );
                     },
                   ),
                 ],

lib/pages/post_detail_page.dart

@@ -14,7 +14,7 @@ class PostDetailPage extends StatelessWidget {
         children: [
           Image.asset(
             'assets/background3.png',
-            fit: BoxFit.fitHeight,
+            fit: BoxFit.cover,
             color: Colors.white38,
             colorBlendMode: BlendMode.dstOut,
           ),

lib/pages/test.dart

@@ -0,0 +1,21 @@
+import 'dart:typed_data';
+
+import 'package:flutter/material.dart';
+
+class TestPage extends StatelessWidget {
+  final Uint8List image;
+
+  const TestPage({Key? key, required this.image}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.grey,
+      body: Column(
+        children: [
+          Image.memory(image),
+        ],
+      ),
+    );
+  }
+}

pubspec.lock

@@ -50,6 +50,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.4"
+  device_frame:
+    dependency: transitive
+    description:
+      name: device_frame
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
+  device_preview:
+    dependency: "direct main"
+    description:
+      name: device_preview
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
   fake_async:
     dependency: transitive
     description:
@@ -83,6 +97,11 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.4"
+  flutter_localizations:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -93,6 +112,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  freezed_annotation:
+    dependency: transitive
+    description:
+      name: freezed_annotation
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.3"
   http:
     dependency: "direct main"
     description:
@@ -107,13 +133,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.0"
+  intl:
+    dependency: transitive
+    description:
+      name: intl
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.17.0"
   js:
     dependency: transitive
     description:
       name: js
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.6.4"
+  json_annotation:
+    dependency: transitive
+    description:
+      name: json_annotation
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.5.0"
   lints:
     dependency: transitive
     description:

pubspec.yaml

@@ -38,6 +38,7 @@ dependencies:
   http: ^0.13.4
   provider: ^6.0.2
   syncfusion_flutter_signaturepad: ^20.1.56
+  device_preview: ^1.0.0
 
 dev_dependencies:
   flutter_test: