<AdropBanner/>

Banner view component는 배너 광고를 요청하고 사용자에게 표시하는 역할을 담당합니다.


Constructors

AdropBanner

AdropBanner({
    super.key,
    required this.unitId
})

광고 유닛 ID를 필수로 입력해야 합니다.


Props

Required Props

  • unitId: string

광고 유닛 ID

  • style: { height: number; width: number | string }

광고 유닛 크기

Optional Props

  • autoLoad: boolean

AdropBanner 구성요소는 자동으로 광고를 요청합니다. 기본값은 true입니다.

  • onAdReceived: (unitId: string) -> void

Adrop은 AdropBanner가 광고를 수신하면 광고 유닛 ID로 onAdReceived 콜백을 호출합니다.

  • onAdClicked: (unitId: string) -> void

Adrop은 AdropBanner가 클릭되면 광고 유닛 ID로 onAdClicked 콜백을 호출합니다.

  • onAdFailedToReceive: (unitId: string, errorCode?: any) -> void

AdropBanner가 광고 수신에 실패하면 Adrop은 광고 유닛 ID 및 AdropErrorCode와 함께 onAdFailedToReceive 콜백을 호출합니다.


Usage

Display AdropBanner

<AdropBanner
    unitId={unitId}
    style={{
        width: Dimensions.get('window').width,
        height: 80,
    }}
    onAdClicked={(unitId) => console.log("ad clicked", unitId)}
    onAdReceived={(unitId) => console.log("ad received", unitId)}
    onAdFailedToReceive={(unitId, error) => console.log("ad failed to receive, ", unitId, error)}
/>

Reload Ads using Ref

const ref = useRef(null)

const reload = () => {
    ref.current?.load()
}

// ..
<AdropBanner
    ref={ref}
    unitId={unitId}
    style={{ width: Dimensions.get('window').width, height: 80, }}
/>

Last updated