[Flutter] 개발 중 안드로이드 iOS 시뮬레이터를 동시에 보려면

Flutter 기본 디버그 설정으로는 한번에 안드로이드와 아이폰 에뮬레이터를 볼 수 없습니다. 한번에 한 기기에만 연결이 되기 때문입니다

같은 코드 / 다른 결과

위 시뮬레이터에 HELLO WORLD를 보여주는 코드는 아래와 같습니다.

@override
Widget build(BuildContext context) {
  return Container(
    color: Colors.white,
    child: Center(
      child: Text('HELLO WORLD'),
    ),
  );
}

이같은 문제를 해결하기 위해 두 플랫폼의 에뮬레이터를 동시에 켜서 작업하는 것이 필요합니다.

비주얼 스튜디오 코드의 디버그 설정에 다음과 같이 설정하면 두 에뮬레이터를 동시에 켤 수 있습니다.

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Current Device",
      "request": "launch",
      "type": "dart"
    },
    {
      "name": "Android",
      "request": "launch",
      "type": "dart",
      "deviceId": "android"
    },
    {
      "name": "iPhone",
      "request": "launch",
      "type": "dart",
      "deviceId": "iphone"
    },
  ],
  "compounds": [
    {
      "name": "All Devices",
      "configurations": [
        "Android",
        "iPhone"
      ],
    }
  ]
}

launch.json을 저장하면 디버그 탭의 디버그 실행 메뉴가 변경된 것을 볼 수 있습니다.

두 에뮬레이터를 켜고 All Devices를 누르면 앱의 변경사항을 동시에 확인할 수 있습니다.

시리즈의 전체목록을 보려면 링크를 눌러주세요