✨ :: Image 추가

Author: iloveuhyeon

example/lib/main.dart

@@ -155,7 +155,11 @@ class ComponentTestScreen extends StatelessWidget {
 
               ButtonBuy(buttonText: '예시 텍스트'),
               SizedBox(height: 16.h),
-              JusicoolIcons.search(),
+
+              JusicoolImage.cloud(
+                width: 100.w,
+                height: 100.h,
+              ),
             ],
           ),
         ),

lib/src/core/theme.dart

@@ -1,3 +1,4 @@
 export 'theme/colors.dart';
 export 'theme/texts.dart';
-export 'theme/icons.dart';
+export 'theme/icons.dart';
+export 'theme/images.dart';

lib/src/core/theme/icons/icons.dart

@@ -1,8 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/svg.dart';
 
-class JusicoolIcons {
-  JusicoolIcons._();
+class JusicoolIcon {
+  JusicoolIcon._();
 
   static Widget _buildIcon(
     String fileName, {
@@ -68,33 +68,6 @@ class JusicoolIcons {
       _buildIcon('back_arrow.svg',
           color: color, width: width, height: height, onTap: onTap);
 
-  static Widget cards({
-    Color? color,
-    double width = 24,
-    double height = 24,
-    VoidCallback? onTap,
-  }) =>
-      _buildIcon('cards.svg',
-          color: color, width: width, height: height, onTap: onTap);
-
-  static Widget check({
-    Color? color,
-    double width = 24,
-    double height = 24,
-    VoidCallback? onTap,
-  }) =>
-      _buildIcon('check.svg',
-          color: color, width: width, height: height, onTap: onTap);
-
-  static Widget cloud({
-    Color? color,
-    double width = 24,
-    double height = 24,
-    VoidCallback? onTap,
-  }) =>
-      _buildIcon('cloud.svg',
-          color: color, width: width, height: height, onTap: onTap);
-
   static Widget forwardArrow({
     Color? color,
     double width = 24,
@@ -104,15 +77,6 @@ class JusicoolIcons {
       _buildIcon('forward_arrow.svg',
           color: color, width: width, height: height, onTap: onTap);
 
-  static Widget graphic({
-    Color? color,
-    double width = 24,
-    double height = 24,
-    VoidCallback? onTap,
-  }) =>
-      _buildIcon('graphic.svg',
-          color: color, width: width, height: height, onTap: onTap);
-
   static Widget heart({
     Color? color,
     double width = 24,
@@ -122,15 +86,6 @@ class JusicoolIcons {
       _buildIcon('heart.svg',
           color: color, width: width, height: height, onTap: onTap);
 
-  static Widget jusicoolLogo({
-    Color? color,
-    double width = 24,
-    double height = 24,
-    VoidCallback? onTap,
-  }) =>
-      _buildIcon('JUSICOOL_LOGO.svg',
-          color: color, width: width, height: height, onTap: onTap);
-
   static Widget pencilLine({
     Color? color,
     double width = 24,
@@ -164,7 +119,7 @@ class JusicoolIcons {
     double height = 24,
     VoidCallback? onTap,
   }) =>
-      _buildIcon('send.svg',
+      _buildIcon('send_button.svg',
           color: color, width: width, height: height, onTap: onTap);
 
   static Widget setting({

lib/src/core/theme/images.dart

@@ -0,0 +1 @@
+export 'images/images.dart';

lib/src/core/theme/images/images.dart

@@ -0,0 +1,70 @@
+import 'dart:ui';
+
+import 'package:flutter/cupertino.dart';
+
+class JusicoolImage {
+  JusicoolImage._();
+
+  static Widget _buildImage(
+    String fileName, {
+    Color? color,
+    double width = 24,
+    double height = 24,
+    VoidCallback? onTap,
+  }) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Image.asset(
+        'packages/jusicool_design_system/assets/images/$fileName',
+        color: color,
+        width: width,
+        height: height,
+      ),
+    );
+  }
+
+  static Widget card({
+    Color? color,
+    double width = 24,
+    double height = 24,
+    VoidCallback? onTap,
+  }) =>
+      _buildImage('card.png',
+          color: color, width: width, height: height, onTap: onTap);
+
+  static Widget checkCoin({
+    Color? color,
+    double width = 24,
+    double height = 24,
+    VoidCallback? onTap,
+  }) =>
+      _buildImage('check_coin.png',
+          color: color, width: width, height: height, onTap: onTap);
+
+  static Widget cloud({
+    Color? color,
+    double width = 24,
+    double height = 24,
+    VoidCallback? onTap,
+  }) =>
+      _buildImage('cloud.png',
+          color: color, width: width, height: height, onTap: onTap);
+
+  static Widget graphic({
+    Color? color,
+    double width = 24,
+    double height = 24,
+    VoidCallback? onTap,
+  }) =>
+      _buildImage('graphic.png',
+          color: color, width: width, height: height, onTap: onTap);
+
+  static Widget logo({
+    Color? color,
+    double width = 24,
+    double height = 24,
+    VoidCallback? onTap,
+  }) =>
+      _buildImage('JUSICOOL_LOGO.png',
+          color: color, width: width, height: height, onTap: onTap);
+}

lib/src/ui/widgets/text_filed/comments.dart

@@ -61,7 +61,7 @@ class _CommentTextFieldState extends State<CommentTextField> {
         ),
         suffixIcon: GestureDetector(
           onTap: _submitText,
-          child: JusicoolIcons.send(
+          child: JusicoolIcon.send(
             width: 36.w,
             height: 36.h,
             color: _hasText ? JusicoolColor.main : JusicoolColor.gray400,