Flutter53 Flexible 위젯 (비율로 배치) Flexible 위젯은 Flex 위젯(Row나 Column 등)의 자식이 주 축(main axis)에 얼마나 많은 공간을 차지할 수 있는지를 결정합니다. Flexible 위젯은 주 축 방향에 남아있는 사용 가능한 공간을 기반으로, flex 속성에 지정된 비율에 따라 공간을 할당받습니다. 만약 Flex 위젯의 모든 자식이 Flexible 위젯이라면, 남아있는 공간은 모든 Flexible 위젯들 사이에 flex 속성에 정의된 비율에 따라 분배됩니다. main3.dart Flexible 위젯없이 child: Container( color: Colors.amberAccent, width: 500, height: 800)) 만 두개 썼을땐 실행 화면 맨 밑에 공사장 표시가 나오면서 오류가 뜸 2023. 9. 22. Row 위젯 Row 위젯은 여러 자식 위젯들을 가로 방향으로 나열합니다. Row의 children 속성에 배열로 자식 위젯들을 추가할 수 있습니다. mainAxisAlignment과 crossAxisAlignment은 각각 주 축과 교차 축에서 자식 위젯들을 어떻게 정렬할지를 정합니다. main3.dart Row 위젯 기준 MainAxisAlignment.start 자식 위젯들을 Row의 시작 부분에 정렬합니다. MainAxisAlignment.end 자식 위젯들을 Row의 끝 부분에 정렬합니다. MainAxisAlignment.center 자식 위젯들을 가운데에 정렬합니다. MainAxisAlignment.spaceBetween 시작과 끝의 위젯을 Row의 양끝에 정렬하고 나머지 위젯들은 사이에 균등한 공간을 가지.. 2023. 9. 22. Column 위젯 Column 위젯은 여러 자식 위젯을 세로 방향으로 배열합니다. Column 위젯은 주로 여러 개의 자식 위젯을 세로로 정렬할 때 사용합니다. 주요 속성 mainAxisAlignment, crossAxisAlignment, children 등이 있습니다. mainAxisAlignment은 주 축(세로 축)에서 자식들을 어떻게 정렬할지 결정하며, crossAxisAlignment은 교차 축(가로 축)에서 자식들을 어떻게 정렬할지 결정합니다. children 속성에는 Column의 자식 위젯들이 배열로 들어갑니다. 2023. 9. 22. Container 위젯 Container 꾸미는 방법 - BoxDecoration 에 사용 주의 - BoxDecoration 을 감싸는 Container 위젯에 Color 이 선언 되어 있다면 에러가 발생한다. 2023. 9. 22. 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음
