Why CrossAxisAligment not Working in Flex,Row and Column?

class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text( 'Flutter Demo' ), ),...

stackoverflow.com

여기 글에서 SizedBox.expand를 추가하고 해결되었다.

 

이유는 Row don't take all the vertical space available by default.  It takes only the needed space. (but it takes all the horizontal space). 라고 한다. 해석하자면 Row는 사용가능한 모든 수직 공간을 가지지는, 사용하지는 않는다고 한다. 대신 수평에서는 모든 공간을 가진다고 되어있다. Column에서는 이 상황의 반대의 경우를 생각하면 될 것이다.