inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

배달앱 클론코딩 [with React Native]

Marker 클릭시 해당 Marker size나 또는 색상을 변경할 수 있나요?

560

개발자

작성한 질문수 1

0

안녕하세요. 문의사항이 있습니다.

네이버 지도에 Marker가 많을 때 임의로 한 마커를 클릭하면

임의로 클릭한 Marker의 사이즈나 색상등을 변경할 수 있는지 문의드립니다.

소스는 아래와 같고,

mapRef.current[index].width = 40
mapRef.current[index].height = 40

이런식으로 변경을 해도 변경이 되지 않아 문의 드립니다.

const mapRef = useRef([]);
<Marker
  ref={el => mapRef.current[idx] = el}
  key={item.code}
  coordinate={location}
  image={require("../../assets/images/pin_primary.png")}
  width={35}
  height={35}
  useTextureView={true}
  onClick={() => mapClickHanlder(idx)}
  //caption={{text:item.title_text}}
/>
const mapClickHanlder = useCallback((index) => {
  console.log("map click: ", mapRef.current[index]);
  const selectedMarker = mapRef.current[index];
  selectMarker.width = 40;
  selectMarker.height = 40;
  console.log(selectedMarker);
}, []);

 

react-native

답변 1

0

제로초(조현영)

ref로 하는 게 아니라 마커를 별도의 컴포넌트로 만들고 image width height를 state로 만들어서 set으로 변경하면 됩니다.

앱실행시 네이버맵 [401] 에러

0

989

2

스타일링 라이브러리

0

147

2

expo, cli 선택 중에 고민이 있습니다.

0

167

2

JDK 버전이 달라도 괜찮나요?

0

223

2

dimenstion usewindowdeminstion

0

121

3

[맥 전용]환경 설정하기 1편 & [맥 전용]환경 설정하기 2편의 영상이 안나옵니다.

0

210

1

jdk11 버전과 gradle 버전의 호환성 관련 질문드립니다.

0

399

2

강의 외 질문입니다!

0

157

2

react native랑 맞는 ui 라이브러리 어떤게 좋을까요?

0

1500

2

react native와 spring boot 연결

0

356

1

java가 아닌 .kt에서 code push 에러가 발생합니다.

0

214

2

flipper 239 에러가 발생합니다.

0

165

2

package.json에 /lib/panino.js 문제입니다.

0

470

2

window - mac 협업 과정 질문합니다

0

215

1

ios 빌드 중 RCTBridgeDelegate.h import 오류

0

289

2

ios 앱 빌드 중 hermesEnabled 관련 오류발생

0

239

2

Socket 연결시 질문 드립니다.!

0

152

2

wifi 환경에서 axios 통신이 로컬서버에서 안됩니다.

0

426

2

iOS render error 질문드립니다.

0

410

2

iOS 가상머신 오류

0

165

2

npc react init 명령어 실행시 발생되는 오류

0

220

1

nom start 시 오류

0

116

1

NextJS 기반으로 만들어서 웹뷰 React Native로 배포 가능한가요?

0

1001

2

안드로이드 rn75 버전에 맞게 설정 중에 android13 다운로드에 대해서 막혔습니다!

0

184

2