가로모드 세로모드에 맞게 위젯 설정하기

가로모드와 세로모드에 맞게 위젯을 설정하는 방법을 적어보겠다.

 

Scaffold(
      body: SizedBox(
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        child: OrientationBuilder(
          builder: (context, layout) {
            if (layout == Orientation.landscape) {
              return const Row(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Text('H'),
                  Text('M'),
                  Text('S'),
                ],
              );
            } else {
              return const Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('H'),
                  Text("M"),
                ],
              );
            }
          },
        ),
      ),
    );