• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Flutter 게시판 영역잡는데 문제가 있는거 같은데 도와주세요 ㅠ

영역잡는데 문제가 있는거 같은데 도와주세요 ㅠ

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #33192

    김훈민
    참가자

    안녕하세요. 

    Expanded, Flexible 강의 이후에 공부를 해보고 있는데 영역이 문제같은데 해결이 안되서 도움 요청을 드려요..

    body:에 Row를 해서 1번 Container는 카메라 이미지,리스트 나타내고, 2번 Container에는 다른 박스 UI를 그려보고자 햇는데.

    Row->Container에 카메라 이미지나 텍스트를 입력하고 실행해보면 내용이 안나타나는데.

    Container위의 Row를 제거 하면 내용들이 다시 나타나고 넣으면 안나오고 해서..

    이 Row에 영역이 잡혀야하는건가 해결이 안되서요 ㅠ

     

    body: Row(
        children: [
           Container(
             padding: EdgeInsets.all(10),
             width: double.infinity,
             height: 250,
               child: Row(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
                  Flexible(flex: 4,child: Image.asset('assets/caramer.JPG', height: 100,)),
                  Flexible(
                 flex: 6,
                 child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                 Text('카메라 제품 팜니다'),
                 Text('대전시 중구'),
                 Text('112,000원'),
                 Row(
                 crossAxisAlignment: CrossAxisAlignment.end,
                 children: [
                 Icon(Icons.star),
                 Icon(Icons.star),
                 Icon(Icons.star),
                 ],
              ),
           ],
         ),
    )
    ],
    ),
    ),
    ],
    ),

    #33205

    codingapple
    키 마스터

    Container폭을 infinity말고 정수로 줘봅시다 Row 안에서 최대폭 줄때는 Expanded이런 위젯써도 됩니다 

    #33210

    김훈민
    참가자

    코딩애플님 말씀대로 폭을 수치로 잡거나 Container을 Expanded로 감싸도 위와같이 화면 출력이 안되는데..

     

    혹시나 해서 body: Row(..... 를 Column으로 바꾸니까 원하는대로 아래와 같이 화면이 나타나더라구요.

    조금 이해가 안가는게,, 

    Row나 Column이나 폭은 둘다 주지 않았는데 왜 다르게 나타나는걸까요? ㅠㅠ

    #33239

    codingapple
    키 마스터

    Row는 가로로 쪼개는거라 Row의 자식 하나가 최대 width를 차지하면 에러내줘서 그런가봅니다 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠