search

roy-pmgrow / baas2-next-webview

0 stars 0 forks source link

[AOS] 웹뷰에서 Image 컴포넌트 보이지 않는 이슈 #1

Open roy-pmgrow opened 1 year ago

roy-pmgrow commented 1 year ago 
<div className="relative aspect-video">
  <Image
    src={`${process.env.NEXT_PUBLIC_API_URL}/${ev_img}`}
    alt={ev_detl_model}
    className="select-none"
    layout="fill"
  />
</div>

웹과 iOS 에서는 잘 보이는데 AOS에서 보이지 않는 이슈가 발생되었다.

roy-pmgrow commented 1 year ago

AOS 웹뷰에서는 부모 div 태그에 크기를 설정해주지 않으면 영역을 모른다. 아래와 같이 크기를 지정하여 수정했다.

<div className="relative aspect-video max-w-full min-h-[15rem]">
  <Image
    src={`${process.env.NEXT_PUBLIC_API_URL}/${ev_img}`}
    alt={ev_detl_model}
    className="select-none"
    layout="fill"
  />
</div>
+ max-w-full min-h-[15rem]