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 속성을 위해서는 꼭 필요한 속성이다. 
    textBaseline: TextBaseline.alphabetic,

    //메인축 정렬 여부
    mainAxisAlignment: MainAxisAlignment.start,
    children: const <Widget>[
      Text(
        'one',
        style: TextStyle(backgroundColor: Colors.red, fontSize: 40,),
      ),
      Text(
        'two',
        style: TextStyle(
          backgroundColor: Colors.green,
           fontSize: 80,),
        textAlign: TextAlign.end,
      ),
      Text(
        'three',
        style: TextStyle(backgroundColor: Colors.yellow, fontSize: 20,),
      ),
]),