inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

UI 배치하기

로고 크기 지정이 안 되는 문제

471

David Heo

작성한 질문수 12

0

안녕하세요 강사님. 다름이 아니라 아래 코드가 적용되지 않아서 글 남깁니다.

Image.asset(
  'asset/img/misc/logo.png',
  width: MediaQuery.of(context).size.width * (2 / 3),
),

width에 그 어떠한 값을 넣어봐도 로고 크기가 변하지 않았습니다. 이에 아래 코드와 같이 width가 아닌 height 값을 지정해 보니 드디어 로고 크기가 변하기 시작하더군요.

Image.asset(
  'asset/img/misc/logo.png',
  height: 100,
),

왜 width에 값을 넣었을 때는 로고 크기가 변하지 않았고, height에 값을 넣었을 때만 로고 크기가 변했는지 그 이유가 궁금합니다.

flutter 하이브리드-앱

답변 1

0

코드팩토리

안녕하세요!

변경 돼야 맞을 것 같습니다.

로고를 적용한 위젯 전체 코드를 보여주시면 제가 한번 분석해보겠습니다.

감사합니다!

0

David Heo

확인을 위해 제가 새로운 프로젝트를 만들어서 코드를 작성해 봤습니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Image.asset(
            'asset/image/logo.png',
            //height: MediaQuery.of(context).size.width * (2 / 3),
            width: 100,
          ),
        ],
      ),
    );
  }
}

이 경우에도 width를 특정 값으로 지정해 줬을 때는 로고의 크기가 변하지 않았습니다. 하지만 height 값을 지정해 줬을 때는 로고의 크기가 변했습니다. 왜 그런지 이유를 모르겠네요 ㅠㅠ

(위 코드가 새로 만든 프로젝트의 전체 코드입니다.)

0

코드팩토리

Image.asset의 width를 지정 할 수 없는 이유는 바로 위의 Column 위젯의 crossAxisAlignment 프로퍼티에 CrossAxisAlignment.stretch를 지정하셨기 때문입니다. 최대로 늘리라고 했기때문에 Image.asset에서 정해주는 width 값이 적용되지 않습니다.

0

David Heo

아 제가 그 부분을 놓치고 있었군요... 감사합니다!

Isar 마지막 업데이트는 2년전입니다.

0

31

0

FlutterSecureStorage 질문

0

32

0

Dio onError Interceptor 만드는 부분에 질문이 있습니다.

0

80

2

관리자 기능에 대한 질문

0

100

2

part 'restaurant_model.g.dart';

0

92

1

36강. dio 인터셉터에 storage를 전달하는 코드가 이해 안되는데요. 도움 부탁드립니다.

0

56

2

2번 반환 상황 관련 질문

0

61

2

riverpod 3.0

0

140

2

Asset folder??

0

83

2

디자이너와 협업 시 프레임 크기 설정 관련 질문

0

114

2

FutureProvider, StateNotifierProvider 선택 기준

0

70

2

컴포넌트 모델화

0

64

2

쿼리 파라미터

0

84

2

화면 안보임

0

68

2

PaginationListView

0

54

1

강의중 37.Dio onErrorInterceptor 작업하기 dio 관련 질문입니다.

0

103

2

프로토타입이미지

0

62

2

여러 객체를 상태 관리하는 방법에 대한 질문

0

85

2

장바구니 결제하기 응답이 500이 옵니다.

0

105

2

removeFromBasket에서 await patchBasket()을 마지막에 하면 에러나는거 아닌가요?

0

67

2

이 두가지는 완전히 동일한 기능인가요?

0

106

3

내부 코드를 작성하지 않은 CursorPaginationLoading가 어떻게 로딩상태를 갖는지 잘 모르겠습니다...

0

77

2

_SplashScreenState에서 storage를 late로 호출해서 한번만 불러와도 되나요?

0

86

2

코딩 작성 순서 관련 질문

0

88

2