Airbnb의 반응 네이티브 맵에서 설명 선 안에 TextInput을 사용하려면 어떻게해야합니까?

Question

콜 아웃에서 사용자의 입력을 받아서 작업을 수행하려고합니다. 그러나 MapView.Callout에서 TextInput을 사용하는 것은 전체 콜 아웃이 눌러지기 때문에 유용하지 않습니다. 이것을 어떻게 성취합니까?

Answer 1

설명 선의 콜백이 호출되면 프로그래밍 방식으로 TextInput에 포커스를 설정합니다. 콜 아웃 내에 TextInput을 ref

과 같이 <TextInput ref={textInput => this.textInput = textInput} />과 같이 지정합니다.

이제 콜 아웃의 콜백 내부에서 간단히 설명을 작성하십시오. this.textInput.focus().

(!) 참고 : this.textInput.focus()의 this가 undefined로 나오지 않도록는 this에 콜 아웃의 콜백에 결합 또는 지방 화살표 함수 내에서 호출해야합니다. 이것은 절대적인 스타일과 구성 요소가 겹치지 않아도되는 깨끗한 솔루션입니다.