로티 에러

개발
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

기존에 잘 나오던 로티가 보이지 않습니다.
최근 변경된 부분이나 제가 놓친 부분이 있을까요?

이미지 첨부

IMG_2116.jpg
IMG_2116.jpg608×326 13.1 KB

2

안녕하세요 :slight_smile:
어떻게 사용하고 계신지 알 수 있을까요 ? RN 인지 웹뷰인지도 부탁드립니다.

3

안녕하세요. 이런식으로 사용하고 있습니다. 혹시 preload 같은 것을 하지 않아서일까요?(RN입니다!)

export function PointRewardBottomSheet({
  onClose,
  onExited,
  open,
  rewardSheet,
}: PointRewardBottomSheetProps) {
  const copy = rewardSheet ? getAdPointRewardSheetCopy(rewardSheet) : null;

  return (
    <BottomSheet.Root
      open={open}
      onClose={onClose}
      onExited={onExited ?? onClose}
      cta={
        <BottomSheet.CTA type="primary" style="fill" onPress={onClose} color="#111111">
          확인
        </BottomSheet.CTA>
      }
    >
      {rewardSheet && copy ? (
        <View style={styles.adPointRewardSheetContent}>
          <View style={styles.adPointRewardSheetLottieWrap}>
            <Asset.Lottie
              testID="ad-point-reward-sheet-lottie"
              src={AD_POINT_REWARD_STAR_LOTTIE_URL}
              frameShape={Asset.frameShape.CleanW120}
              autoPlay
              loop
              style={styles.adPointRewardSheetLottie}
            />
          </View>

          <Text typography="st7" fontWeight="extraBold" style={styles.adPointRewardSheetTitle}>
            {copy.title}
            <Text
              typography="st7"
              fontWeight="extraBold"
              style={styles.adPointRewardSheetTitleAccent}
            >
              {copy.titleAccent}
            </Text>
            {copy.titleSuffix}
          </Text>
        </View>
      ) : null}
    </BottomSheet.Root>
  );
}