우편번호 API 연결

Jisoo Shin·2023년 11월 6일
            <TouchableOpacity onPress={() => setModalVisible(true)}>
              <Text>우편번호찾기</Text>
            </TouchableOpacity>
            <Input
              value={address} // 주소 입력 필드에 선택된 주소 또는 기존 주소 표시
              onChangeText={onChangeAddress}
              placeholder="( 예시. 서울특별시 마포구 와우산로36 )"
              placeholderTextColor="lightgray"
            />
            <Modal isVisible={isModalVisible}>
              <Postcode
                style={{ width: 380, height: 600 }}
                jsOptions={{ animation: true, hideMapBtn: true }}
                onSelected={(data) => {
                  onChangeAddress(data.address); // 주소 선택 시 선택된 주소 업데이트
                  setModalVisible(false);
                }}
              />
            </Modal>

React Native에서 카카오 주소를 사용해서, modal로 띄우고 선택 후 해당 주소값을 저장하는 코드를 작성.

https://www.npmjs.com/package/react-native-modal

https://jiyumi00.tistory.com/31

0개의 댓글