The fastest way to use Kakao Daum Postcode API in React Native
npm install @thewoowon/react-native-daum-postcode> React Native wrapper for Daum Postcode service
Easily integrate Daum Postcode (Kakao Address API) in your React Native app for seamless address searching and selection.
---
---
``bash`
npm install @thewoowon/react-native-daum-postcode
or using yarn:
`bash`
yarn add @thewoowon/react-native-daum-postcode
---
`tsx
import React from 'react';
import { View, Alert } from 'react-native';
import Postcode from '@thewoowon/react-native-daum-postcode';
const App = () => {
const handleAddressSelect = (data: any) => {
console.log('Selected Address:', data);
};
return (
jsOptions={{animation: true}}
onSelected={(data: any) => Alert.alert(JSON.stringify(data))}
onError={(error: any) => Alert.alert(JSON.stringify(error))}
/>
);
};
export default App;
`
---
| Prop Name | Type | Required | Description |
|----------------|-----------------------|----------|------------------------------------|
| onSelected | function | ✅ | Callback when an address is selected |onError
| | function | ✅ | Callback when an error is occured |style
| | StyleProp| ❌ | Custom styles for the component |
---
The component renders the official Daum Postcode search interface inside a WebView, allowing users to search and select addresses easily.
---
---
Contributions are welcome! Please follow these steps:
1. Fork the repository.
2. Create a new branch (feat/new-feature`).
3. Commit your changes.
4. Open a pull request.
---
This project is licensed under the MIT License. See the LICENSE file for details.
---
If you have any questions or need support, feel free to open an issue on GitHub.
---
If you find this package useful, please consider giving it a star on GitHub!
---
This project is inspired by @actbase/react-daum-postcode.
Happy coding! 🚀