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

[김훈민]

안녕하세요. 

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),
             ],
          ),
       ],
     ),
)
],
),
),
],
),

[codingapple]

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

[김훈민]

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

 

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

조금 이해가 안가는게,, 

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

[codingapple]

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

[글쓴이]

글