document

• react-native-maps-example document
• react-native-maps-example 문서
• react-native-maps-exampleドキュメン

react-native-maps-example document

This repository is an example about how to use react-native-maps library to display a map on React Native.

• react-native-maps

Project structure

This project is based on typescript and styled-components. If you want to know how to install typescript and styled-components, see the links below.

• How to install React Native on Windows: https://dev-yakuza.github.io/en/react-native/install-on-windows/
• How to install React Native on Mac: https://dev-yakuza.github.io/en/react-native/install-on-mac/
• typescript: https://dev-yakuza.github.io/en/react-native/typescript/
• styled-components: https://dev-yakuza.github.io/en/react-native/styled-components/
• Make Import path based on Root in RN(React Native): https://dev-yakuza.github.io/en/react-native/root-import/

Execute the project

Execute the commands below to install required libraries.

npm install
cd ios
pod install
cd ..

Execute the command below to start the project.

# iOS
npm run io
# Android
npm run android

Project description

if you want to know more details about this project, please see our blog in below.

• Show Map on React Native: https://dev-yakuza.github.io/en/react-native/react-native-maps/

react-native-maps-example 문서

이 저장소는 react-native-maps 라이브러리를 사용하여 React Native에서 지도를 표시하는 방법에 대한 예제입니다.

• react-native-maps

프로젝트 구성

이 프로젝트는 기본적으로 typescript와 styled-components로 구성되어있습니다. typescript와 styled-components의 설치 및 사용 방법에 대해서는 아래에 블로그를 확인해 주세요.

• 윈도우(Windows)에 react native 개발 환경 구축하기: https://dev-yakuza.github.io/ko/react-native/install-on-windows/
• 맥(Mac)에 react native 개발 환경 구축하기: https://dev-yakuza.github.io/ko/react-native/install-on-mac/
• typescript: https://dev-yakuza.github.io/ko/react-native/typescript/
• styled-components: https://dev-yakuza.github.io/ko/react-native/styled-components/
• RN(React Native)에서 root import하기: https://dev-yakuza.github.io/ko/react-native/root-import/

프로젝트 실행

아래에 명령어를 통해 프로젝트에 필요한 라이브러리를 설치합니다.

npm install
cd ios
pod install
cd ..

아래에 명령어를 통해 프로젝트를 실행합니다.

# iOS
npm run io
# Android
npm run android

프로젝트 설명

이 프로젝트에 관한 자세한 설명은 아래에 블로그를 통해 확인할 수 있습니다.

• React Native에서 지도 표시하기: https://dev-yakuza.github.io/en/react-native/react-native-maps/

react-native-maps-exampleドキュメント

このレポジトリはreact-native-mapsライブラリを使ってReact Nativeで地図を表示する方法に関する例題です。

• react-native-maps

プロジェクト構成

このプロジェクトは基本的typescriptとstyled-componentsをベースにしています。typescriptとstyled-componentsのインストールや使い方は下記のブログを確認してください。

• ウィンドウ(Windows)にreact nativeの開発環境を構築する方法: https://dev-yakuza.github.io/react-native/install-on-windows/
• マック(Mac)にreact nativeの開発環境を構築する方法: https://dev-yakuza.github.io/react-native/install-on-mac/
• typescript: https://dev-yakuza.github.io/react-native/typescript/
• styled-components: https://dev-yakuza.github.io/react-native/styled-components/
• リアクトネイティブ(React Native)でrootからimportする: https://dev-yakuza.github.io/react-native/root-import/

プロジェクトの実行

下記のコマンドでプロジェクトに必要なライブラリをインストールすします。

npm install
cd ios
pod install
cd ..

下記のコマンドでプロジェクトを実行します。

# iOS
npm run io
# Android
npm run android

プロジェクトの説明

このプロジェクトについて詳しく説明は下記のブログを確認してください。

• React Nativeへ地図を表示する方法: https://dev-yakuza.github.io/react-native/react-native-maps/