inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

android notification 에러가납니다.

미해결

따라하며 배우는 리액트 네이티브 기초

java-11.0.20 javac 11.0.20 sdk 33 gradle-plugin 7.4.2 gradle 7.6.3 시뮬레이 android 13 react-native 0.68.2 react-native-push-notification 8.1.1 입니다 현재 설치이후에 아래와 같은 에러와 함께 알람이 표시되지않습니다. build시에는 문제가 없습니다. 혹시 왜그런지 키워드를 알 수 있을까요? Could not run phased build action using connection to Gradle distribution ' https://services.gradle.org/distributions/gradle-5.6.4-all.zip '. Could not open cp_init remapped class cache for 6a5krabdzij62jglcll542e66 (C:\Users\dladl\.gradle\caches\5.6.4\scripts-remapped\eclipsePlugin_3ntw3lnplzg95m5nu28ubyn0\6a5krabdzij62jglcll542e66\cp_initb88fbed980d87867994e661e74c75e1f). Could not open cp_init generic class cache for initialization script 'C:\Users\dladl\AppData\Roaming\Code\User\workspaceStorage\8a08ff5a0b7649681859b892f1a2bdc2\redhat.java\jdt_ws\.metadata\.plugins\org.eclipse.buildship.core\init.d\eclipsePlugin.gradle' (C:\Users\dladl\.gradle\caches\5.6.4\scripts\6a5krabdzij62jglcll542e66\cp_init\cp_initb88fbed980d87867994e661e74c75e1f). Could not initialize class org.codehaus.groovy.vmplugin.v7.Java7 Exception org.codehaus.groovy.GroovyBugError [in thread "Daemon worker"]

  • react
  • react-native
  • expo
이라 댓글 1 좋아요 0 조회수 748

npx react-native init [프로젝트명] 가 안됨여..

미해결

따라하며 배우는 리액트 네이티브 기초

✔ Downloading template ✔ Copying template ✔ Processing template ✔ Installing Ruby Gems ⠙ Installing CocoaPods dependencies (this may take a few minutes) 현재 이화면에서 더 이상 진행되지 않고 프로젝트가 생성되지 않습니다. window에서 프로젝트 생성 후 github에 올린프로젝트를 맥에 clone 받은 후 npm install > pod install 진행 하면 프로젝트가 잘 진행됩니다. 혹시 맥에서 Installing CocoaPods dependencies 이후 진행되지 않는 이유가있을까요?? 버전 현황 node:v18.18.2 ruby:3.1.2p20 Homebrew: 4.1.16 watchman:2023.10.23.00 Apple M1 macOs:sonoma(14.0) Xcode:15.0 platform: ios(17.0)

  • react
  • react-native
  • expo
  • react-native-cli
이라 댓글 2 좋아요 0 조회수 458

react natie doctor 적용후 이문제 어떻게 해결하나요 ??

미해결

따라하며 배우는 리액트 네이티브 기초

✖ Android SDK - Required for building and installing your app on Android - Versions found: N/A - Version supported: 33.0.0 sdk 를 못찾는거 같은데 일단 sdk 에서 cmdline 다운 받아 봤고, 시스템 경로 변경도 해보았습니다 .

  • react
  • react-native
  • expo
경인 댓글 1 좋아요 0 조회수 3382

Scroll View

미해결

따라하며 배우는 리액트 네이티브 기초

강의에서 scroll view를 따라 하려했는데 잘안됩니다. 원인을 찾아보니 안드로이드에서는 스크롤뷰 안에 스크롤뷰 는 적용이 안되는 것 같습니다. 그래서 찾아본결과 중첩 스크롤 뷰는 nestedScrollEnabled={true} 이걸 적용해야 하는것 같은데 이것 을 써도 잘 안됩니다 코드는 아래와 같습니다 import {View, Text, ScrollView} from 'react-native'; import React from 'react'; const Stories = () => { return ( <ScrollView horizontal={true} nestedScrollEnabled={true} // showHorizontalScrollIndicator={false} style={{paddingVertical: 20}}> <View style={{flexDirection: 'row'}}> <Text style={{margin: 10}}>Story 1</Text> {/* ...more stories */} </View> </ScrollView> ); }; export default Stories;

  • react
  • react-native
  • expo
경인 댓글 1 좋아요 0 조회수 483

이오류가 계속 뜹니다. 해결방법을 도저히 모르겠습니다

미해결

따라하며 배우는 리액트 네이티브 기초

calling synchronize methods on native modules is not supported in chrome Error: Unable to resolve module ./debugger-ui/debuggerWorker.aca173c4 from C:\Users\SSAFY\Desktop\CLI0830\RNInsta/.:

  • react
  • react-native
  • expo
경인 댓글 1 좋아요 0 조회수 357

맥이 있기는 한데..

미해결

따라하며 배우는 리액트 네이티브 기초

16년도 맥이라, xcode 다운이 어렵네요.. 혹시 이렇게 되면 네이티브 cli 부분은 진행이 어려운건가요? 데스크탑은 있습니다, 아그리고, npx expo start를 하고 카메라를 찍어봐도 접속이 계속 안되네요...

  • react
  • react-native
  • expo
wodndi0321 댓글 1 좋아요 0 조회수 487

[해결] 아이폰 marginBottom 먹지 않는 이슈

미해결

따라하며 배우는 리액트 네이티브 기초

<KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : "height"} keyboardVerticalOffset={Platform.OS === 'ios' && 30} style={styles.addFormContainer} > IOS 일 경우 keyboardVeritcalOffset 에 marginBottom 만큼 추가해 줬더니 작동합니다.

  • react
  • react-native
  • expo
숲누리 댓글 1 좋아요 0 조회수 476

expo 사진 불러오기 문제

미해결

안녕하세요 처음으로 질문글 작성합니다. 현재 React-Native, Expo, TypeScript 환경에서 개발을 진행 중입니다. 'expo-media-library' 를 사용하여 직접 갤러리를 구현했습니다. 여기서 생기는 문제가 사용자가 사진 권한이 선택한 사진인 경우 이런 팝업을 노출하게 됩니다. "사용자의 사진에 접근하려고 합니다." 라는 IOS 시스템 팝업에서 "더 많은 사진 선택…"을 선택하여 추가적으로 사진을 선택 시 추가된 사진을 불러오고 싶습니다. 현재 제 코드에서 const requestMediaLibraryPermissions = async () => { const { status } = await MediaLibrary.requestPermissionsAsync(); if (status !== 'granted') { console.log('Media library permission denied'); Linking.openSettings(); return; } fetchPhotos(); }; useEffect(() => { requestMediaLibraryPermissions(); }, []); 이런 식으로 권한 확인 후 사진을 불러오고 있습니다. 이러한 코드 때문에 처음에는 권한이 허용되어 있는 사진을 잘 불러오지만 IOS 시스템 팝업에서 "더 많은 사진 선택…"을 통해 선택된 사진은 불러오지 못 하고 있습니다. 해결할 수 있는 방법 조언 주시면 감사하겠습니다.

  • react-native
  • expo
  • expo-media-library
  • rn
  • reactnative
고윤태 댓글 1 좋아요 0 조회수 699

BottomTabScreen 관련 질문입니다.

해결됨

따라하며 배우는 리액트 네이티브 기초

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Search from './src/screens/Search'; import Profile from './src/screens/Profile'; import Activity from './src/screens/Activity'; import {NavigationContainer} from '@react-navigation/native'; import Status from './src/screens/Status'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; const App = () => { const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={() => ({ tabBarHideOnKeyboard: true, // tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, })}> <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App; 강의 내용과 같이 App 컴포넌트 안에서 BottomTabScreen 컴포넌트를 선언하면 "Do not define components during render." 라는 경고문이 뜹니다. 그래서 아래와 같이 코드를 수정하였는데 App 컴포넌트 바깥에서 이렇게 선언해도 문제가 없는건가요? import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Search from './src/screens/Search'; import Profile from './src/screens/Profile'; import Activity from './src/screens/Activity'; import {NavigationContainer} from '@react-navigation/native'; import Status from './src/screens/Status'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={() => ({ tabBarHideOnKeyboard: true, // tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, })}> <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; const App = () => { return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App;

  • react
  • react-native
  • expo
댓글 3 좋아요 1 조회수 613

계속 npx react-native run-ios 가 안됩니다ㅠㅠ

미해결

따라하며 배우는 리액트 네이티브 기초

현재 계속 이런 창이 뜨는데요.. 엑스포로 실습할 때는 잘만 되다가 거의 다 와서 run-ios 까지 하니까 여기서부터 이렇게 뜨고 잘 안되네요 최대한 방법을 스스로 찾아보려고 했는데 혹시 해결방법이 있을까요? npx react-native run-ios --simulator='iPhone 14 Pro (16.0)' 이렇게는 잘 됐습니다!

  • react
  • react-native
  • expo
불타는금호동 댓글 1 좋아요 2 조회수 982

에뮬레이터를 찾을 수 없는 에러 (Android)

미해결

따라하며 배우는 리액트 네이티브 기초

선생님 안녕하세요 저의 경우에는 안드로이드를 사용해야하는 상황이어서 (사용 os window10) npm run android를 터미널에서 사용하는데요 Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds 와 같은 에러가 발생합니다 프로젝트 생성이 익숙해지기 위해서 프로젝트 자체를 만드는걸 여러번 해봤는데요 생각보다 자주 발생하는 에러여서 이러한 에러를 어떻게 잡아낼 수 있는지 한번 질문드려봅니다

  • react
  • react-native
  • expo
우프베어 댓글 1 좋아요 0 조회수 1019

에러 발생

미해결

따라하며 배우는 리액트 네이티브 기초

ERROR Invariant Violation: "main" has not been registered. This can happen if: Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. A module failed to load due to an error and AppRegistry.registerComponent wasn't called., js engine: hermes 위와같은 에러가 svg 관련 라이브러리 설치이후에 발생됩니다.. 검색을 여러방면해봤지만 답을찾지 못했습니다. { "name": "awesomeproject", "version": "1.0.0", "main": "node_modules/expo/AppEntry.js", "scripts": { "start": "expo start", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web" }, "dependencies": { "expo": "~48.0.6", "expo-status-bar": "~1.4.4", "react": "18.2.0", "react-native": "^0.71.3", "react-native-svg": "13.4.0", "svg": "^0.1.0" }, "devDependencies": { "@babel/core": "^7.20.0", "react-native-svg-transformer": "^1.0.0" }, "private": true }

  • react
  • react-native
  • expo
seokhyun Yoon 댓글 1 좋아요 0 조회수 1185

svg 파일을 다운 받았는데 계속 에러가 납니다...

미해결

따라하며 배우는 리액트 네이티브 기초

svg 파일을 다운 받았는데 계속 에러가 납니다... import 부분도 확인을 해보았는데 오타도 없고 경로도 틀리지 않았는데 계속 아래와 같은 에러가 발생합니다. 혹시 몰라 svg 파일을 다른 곳에 옮겨 import를 해보았는데 결과는 똑같았습니다. 어떻게 해야될까요 ..?

  • react
  • react-native
  • expo
gs9408 댓글 2 좋아요 0 조회수 1231

리덕스 참고강의 도표자료 링크 요청드립니다.

해결됨

따라하며 배우는 리액트 네이티브 기초

안녕하세요 강사님, React Native 강의를 듣던 중에 참고강의로 리덕스를 수강하고 있습니다. 혹시 강사님이 diagram으로 설명하시는 자료 링크를 따로 추가해주실 순 없으실까요? 감사합니다.

  • react
  • react-native
  • expo
ming 댓글 1 좋아요 0 조회수 514

adb kill-server 후 adb start-server 해도 실행이 안되네요..

미해결

따라하며 배우는 리액트 네이티브 기초

안드로이드 에뮬레이터를 실행하려고하는데 에러가 나서 첨엔 adb 명령어도 안되서 brew install android-platform-tools 명령어로 설치한담에 위 제목같이 명령어 실행후 다시 해봤는데도 안되네요. 어떻게 해야 에뮬레이터가 실행 될까요? ㅠㅠ -> 아예 지우고 2강 전부터 다시 만들어서 실행하니 되는거같네요 ㅠㅠ

  • react-native
  • react
  • expo
BYOUNGGOOG KANG 댓글 5 좋아요 2 조회수 4108

expo go 연결 유실 문제

미해결

vscode에 npm start 후 qr코드 스캔해서 expo 앱을 열면 메세지가 아래처럼 발생합니다. 맥북과 아이폰 모두 같은 와이파이를 사용하고 있고 앱 권한도 모두 부여한 상태입니다. 도움을 간절히 부탁드립니다 여러분.... ㅠㅠㅠㅠㅠㅠ

  • expo
  • reactnative
  • rn
  • help
성문기 댓글 0 좋아요 0 조회수 342

정밀한 위치정보를 맵에 표현하는 앱 expo 로 만드는데 문제 없을까요?

미해결

처음 배우는 리액트 네이티브

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 학습 내용은 expo를 기반으로 하는데 책에 설명하길 expo api 가 제공하지 않는 기능을 네이티브 모듈을 추가로 만들어 사용하는 것이 불가능하다고 되어있어서요.. 책 48쪽. 저는 정밀한 위치정보를 지도에 표시하는 식의 앱을 구상하고 있습니다. 마치 쿠팡이츠의 배달원 실시간 위치 같은 것이예요. 실시간일 필요는 없지만 최대한 정밀한 위치를 파악하고 싶거든요. 이런 기능도 expo api에 존재할까요? 제가 원하는 앱을 만들기 위한 학습으로 expo api 기반 방법론이 적절한가 궁금합니다. 좋은 강의 감사합니다!

  • expo
  • javascript
  • react-native
oosaprogrammer 댓글 1 좋아요 0 조회수 618

구름 ide와 expo로 웹앱 만들기 오류

미해결

구름 ide와 expo로 웹앱을 만들려고 하는데 이런 오류가 뜨는데 어떻게 해야하나요? 제가 뭐 잘못 입력을 했는지 알수 있을까요? - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • expo
  • 구름ide
  • 리액트네이티브
madssen Ad 댓글 0 좋아요 0 조회수 320

npm start 에러

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 리액트네이티브 엑스포 스타트를 하려고 하는데요. 강의대로 npm start나 expo start 모두 아래의 에러가 나오는데요. 구글링하다가 안되서 질문 올립니다. 지난주에는 이런 에러가 나오지 않고 잘되었습니다. 이번주 들어서 업데이트 문제가 발생한건지 되지 않습니다. brew reinstall watchman 을 하라는 구글링도 있지만 모두 안됩니다. Expo Deve loper Tools is disconnected from Expo CLI. Use the expo start command to start the CLI again. 검토 및 답변 부탁드립니다.

  • 리액트네이티브
  • 머신러닝 배워볼래요?
  • 엑스포
  • expo
  • react-native
  • react
  • tensorflow
  • HTML/CSS
  • express
  • javascript
  • nodejs
o2cornholdings 댓글 1 좋아요 0 조회수 269

인기 태그

인프런 TOP Writers

주간 인기글