작성한 질문수 8

0

질문 올린 후 조금 더 찾아보면서 해결은 했는데, 깔끔하게 해결했다는 느낌은 안드네요. 그래도 같은 문제를 겪으실 분들을 위해 공유합니다.

관련 이슈: https://github.com/react-native-maps/react-native-maps/issues/3098

해결 방법: Marker 의 tracksViewChanges 옵션을 false 로 설정한다.

const CustomMarker = ({
  coordinate,
  color,
  score = 5,
  ...props
}: CustomMarkerProps) => {
  console.log('custom marker');
  const markerView = (
    <View style={styles.container}>
      <View style={[styles.marker, {backgroundColor: colorHex[color]}]}>
        <View style={[styles.eye, styles.leftEye]} />
        <View style={[styles.eye, styles.rightEye]} />
        {score < 3 && <View style={[styles.mouth, styles.bad]} />}
        {score === 3 && <View style={[styles.soso]} />}
        {score > 3 && <View style={[styles.mouth, styles.good]} />}
      </View>
    </View>
  );

  return coordinate ? (
    <Marker coordinate={coordinate} tracksViewChanges={false} {...props}>
      {markerView}
    </Marker>
  ) : (
    markerView
  );
};

+그냥 false 로 설정하는게 너무 껄끄러워서 조금 더 알아본 정보 입니다.

• tracksViewChanges 옵션이란?

• 만약 기획 요구사항으로 인해 true 로 해야할 경우에는 어떻게 대응?

• 내 코드에는 리렌더링될 만한 부분이 없는데, 깜빡거리는 이유 (추측)

https://chatgpt.com/share/08d501cb-be8b-4fc8-b69a-ebd09febe412