[Flutter]홈 위젯 만들기 iOS편 - 1) 위젯 추가하기

최근 개발한 가계부에 앱에 "위젯 기능이 있으면 좋겠다"는 리뷰가 달렸습니다.

위젯 기능은 언젠가 한번쯤 만들어보고 싶었는데 좋은 기회다 싶어 추가해보려 합니다.(여기서 가계부 개발 과정을 확인하실 수 있습니다)

 

※ 테스트 환경

• Flutter 3.27.1

---

1. 패키지 추가

flutter pub add home_widget

 

 

2. Widget Extension 추가

Xcode를 실행하고 상단 메뉴의 Editor - Add Target 클릭 후 Widget Extension을 추가합니다.

 

추가 후에 TARTGETS - Runner가 클릭된 상태로 Build Phases 칸으로 이동합니다.

Embed Foundation Extensions (1 item) 아이템이 추가되어있는데 드래그앤드롭으로 Embed Frameworks 위로 이동시킵니다.

 

새로 추가된 위젯 타겟을 클릭 후 Signing & Capabilities 칸으로 이동합니다.

App Groups의 + 버튼을 클릭해 컨테이너를 생성합니다.

다시 Runner 타겟으로 이동해 App Groups를 추가합니다.

 

앞서 생성한 위젯 타겟의 컨테이너를 클릭해 활성화시켜줍니다.

 

 

3. 테스트

시뮬레이터를 통해 테스트를 진행해보겠습니다.

 

[시뮬레이터 실행 결과]

 

 

참고자료

 

 

---

다음편에서는 위젯을 통해 앱에 데이터를 보여주는 과정을 알아보겠습니다.