React Native 마카로그

React Native

앱에서 카메라 사용 설치yarn add react-native-vision-cameracd ios && pod install && cd ..설정iOS (Info.plist) <dict> ... <key>NSCameraUsageDescription</key> <string>$(PRODUCT_NA

15 days ago

1 min read

리액트 네이티브 개발 환경 구축 1. Node & Watchman 설치brew install node brew install watchman2. Brew & Gem & Cocoapods 설치 (IOS)# 설치 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/instal

25 days ago

1 min read

React Native http 통신 허용 Androidandroid/app/src/main/AndroidManifest.xml<manifest ... > <application ... android:usesCleartextTraffic="true" // 추가 > ... </application> </manifest>iO

25 days ago

1 min read

React Native 웹뷰 사용 설치yarn add react-native-webview npm i react-native-webview사용법import WebView from 'react-native-webview'; import { Platform, StatusBar, SafeAreaView } from 'react-native'; const os = Platform.OS; cons

a month ago

1 min read

React Native 스플래쉬 화면 react-native-splash-screen설치yarn add react-native-splash-screenAndroidandroid/app/src/main/res/drawable 경로에 launch_screen.png 파일 생성 (1242px*2208px)아래 파일 생성android/app/src/main/res/layout/launch_screen

a month ago

2 min read

React Native BLE 통신 react-native-ble-manager설치yarn add react-native-ble-manager react-native-permissionsAndroidandroid/app/src/main/AndroidManifest.xml<manifest xmlns:android="http://schemas.android.com/apk/res/androi

a month ago

2 min read

React Native YouTube Player 사용 react-native-youtube-iframe설치yarn add react-native-youtube-iframe react-native-webview사용법import YoutubePlayer from "react-native-youtube-iframe"; export default function App () { const [isPlay, setI

a month ago

1 min read

React Native SNS 로그인 @react-native-seoul/kakao-login카카오 로그인 시 필요(키 해시는 ‘Xo8WBi6jzSxKDVR4drqm84yr9iU=’ 를 사용하면 됨)Installyarn add @react-native-seoul/kakao-loginAndroid <!-- <activity /> android:name=".MainActivity"

a month ago

4 min read

React Native 푸쉬 사용 @react-native-firebase/app설치yarn add react-native-push-notification @react-native-community/push-notification-ios @react-native-firebase/app @react-native-firebase/messagingAndroid// android/build.gra

a month ago

1 min read

React Native 스타일링 (styled-components)styled-components설치모듈yarn add styled-components타입yarn add -D @types/styled-components @types/styled-components-react-native사용법import styled from 'styled-components/native'; export default function Ap

a month ago

1 min read

React Native 화면 전환 @react-navigation/native설치Stack, Tabyarn add @react-navigation/native react-native-screens react-native-safe-area-context @react-navigation/native-stack @react-navigation/bottom-tabsDraweryarn add @re

a month ago

1 min read

React Native 아이콘 사용 react-native-vector-icons설치모듈yarn add react-native-vector-icons타입yarn add -D @types/react-native-vector-iconsAndroidandroid/app/build.gradle apply from: "../../node_modules/react-native-vector-icons/f

a month ago

1 min read

전상욱

6 팔로워

4 팔로잉

소프트웨어 개발자 전상욱입니다.

태그

react-nativereact-native-vector-icons@react-navigation/native@react-navigation/native-stackstyled-components@types/styled-components@types/styled-components-react-native@react-native-firebase/appreact-native-push-notification@react-native-community/push-notification-ios@react-native-firebase/messagingbuild.gradleAppDelegate.mmGoogleService-Info.plistgoogle-servicesAndroid StudioxcodeFirebaseCorefirebase-ios-sdk@react-native-seoul/kakao-login@react-native-seoul/naver-loginreact-native-fbsdk-next@invertase/react-native-apple-authenticationreact-native-youtube-iframereact-native-ble-managerreact-native-splash-screenreact-native-webviewHTTPandroidiosnodewatchmanbrewgemcocoapodspodJavaJDKdevicehomebrewcamera카메라동영상이미지사진마이크권한

최근 댓글

아직 댓글이 없어요