💬if(kakao) iOS 14 WidgetKit 카카오톡 적용기를 듣고

iOS 14 WidgetKit 카카오톡 적용기

iOS 14 WidgetKit 카카오톡 적용기

WidgetKit

iOS 14부터 도입되었다. 홈 화면에서 바로 채팅방으로 갈 수 있다.

Widget Extension과의 차이점

• Swift UI를 반드시 사용해야 한다.
• 홈 화면에 넣을 수 있다.
• 복잡한 UI 처리에 매우 제한적이며 권장하지 않는다.
• 위젯 번들로 동일 위젯을 다양한 형태로 제공할 수 있다.

WidgetKit Life Cycle

• snapshot(): 위젯의 현재 상태를 갖는다.
• timeline(): Entry Array(현재, 미래)를 갖는다.

Configuration

• Provider: 위젯의 갱신을 담당한다. Provider를 통해 timeline에서 새로운 데이터를 불러오고 위젯에게 제공하여 위젯이 갱신되도록 한다.
• ViewContent: UI를 담당한다.

App Extension

위젯킷 또한 앱 익스텐션이기에 호스트앱과 자원을 공유하기 위해서는 Shared Container를 구성해야 한다.

카카오톡 WidgetKit 사용

기존의 카카오톡과 톡 서랍을 구별해서 구현하였지만, 위젯킷을 적용해서 하나의 번들안에서 재공하게 되었다. 구조체 내에 번들들을 넣어 묶었다.

import WidgetKit
import SwiftUI

@main
struct KakaoTalkWidgetBundle: WidgetBundle {
    @WidgetBundleBuilder
    var body: some Widget {
        KakaoTalkWidget()
        TalkDriveWidget()
    }
}

WidgetKit 한계

갱신 처리

• 위젯의 갱신 주기가 일정하지 않다.
• 시스템에 따라 오차가 발생할 수도 있다.
• 실시간 업데이트가 힘들 수 있다.

갱신 처리 해결방법

• 위젯의 갱신이 이루어지는 시점이 명확한 경우에는 실시간 업데이트가 가능하다.
• 내가 원하는 특정 위젯을 갱신할 수 있다(reloadTimelines).
• 또는 위젯 번들 내ㅇ의 모든 위젯을 갱신할 수 있다(reloadAllTimelines).

비동기 이미지 처리

• Provider에서 이미지까지 생성한 이후에 Entry에 넣어야 한다.
• 전반적인 구조를 수정해야 하는 일이 발생할 수도 있다.

UI 디자인

• 배경색이 불투명하다.