본문 바로가기

baseline2

Flutter error - crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null"textBaseline is required if you specify the crossAxisAlignment with CrossAxisAlignment.baseline" crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null "textBaseline is required if you specify the crossAxisAlignment with CrossAxisAlignment.baseline" baseline 속성값을 적용하려는데 위와 같은 오류를 맞이 했다면 당황하지 말고 textBaseline 속성을 추가 하자. 원하는 대로 baseline이 정렬된 결과를 얻을 수 있을 것이다. Row( //수직축 관련 속성 crossAxisAlignment: CrossAxisAlignment.baseline, //CrossAxisAlignment.baseline 속성을 위해서는 꼭 필요한 속성이다. t.. 2022. 4. 20.
Flutter Column/Row Flutter Column에 대해서 알아보자 UI 작업을 해보았다면 알수 있겠지만 나의 경우는 화면에 UI를 그려줄때에 겹쳐그리기인 경우를 제외하고는 가장 많이 그리는 방식이 가로로 차례대로 그리기 세로로 차례대로 그리기 이다. 이는 쓸때없이 UI depth를 만들기도 하지만 균형있게 화면에 widget을 배치하는데 효율적이다. Column flutter에서 세로 배치로 쓰이는 Column을 이용하여 Text Widget을 그려보면 다음과 같이 그릴 수 있다. (상단의 Column이라는 Text의 Widget은 appBar이다.) 아래 내용을 그대로 flutter 프로젝트에 복사해서 실행해보면 위와 같은 그림이 나온다. import 'package:flutter/material.dart'; void ma.. 2022. 4. 19.