본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터에서 레이아웃의 방향 변경을 감지하는 방법은 무엇인가요?, How to detect orientation change in layout in Flutter?

by 베타코드 2023. 9. 6.
반응형

질문


Flutter에서 방향이 세로인지 가로인지 확인하는 방법

if(portrait){
  return ListView.builder()
}else{
  return GridView.count()
}

답변


화면의 방향을 결정하기 위해, 우리는 OrientationBuilder 위젯을 사용할 수 있습니다. OrientationBuilder는 현재의 방향을 결정하고 방향이 변경될 때마다 재구성합니다.

new OrientationBuilder(
  builder: (context, orientation) {
    return new GridView.count(
      // 세로 모드에서는 2개의 열을, 가로 모드에서는 3개의 열을 가진 그리드를 생성합니다.
      crossAxisCount: orientation == Orientation.portrait ? 2 : 3,
    );
  },
);

전체 예제는 여기에서 찾을 수 있습니다: https://flutter.io/cookbook/design/orientation/

반응형

댓글