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

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

안녕하세요 처음으로 질문글 작성합니다.현재 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 시스템 팝업에서 "더 많은 사진 선택…"을 통해 선택된 사진은 불러오지 못 하고 있습니다.해결할 수 있는 방법 조언 주시면 감사하겠습니다.

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;  

코드가 선생님이랑 똑같은거 같은데 아이폰만 키보드가 안나옵니다ㅠㅠ

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

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

  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 } 

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

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

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

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

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

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

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

n 계속 npm Warn이 뜨는데 구글에 많이 검색을 해봐도 계속 expo 설치가 잘 안 되네요ㅠㅠ 제가 의심하는 오류 원인은 1. npm 버전이 너무 최신버전이라 expo 가 지원이 안됨 2. npm을 global 버전으로 깔았는데 거기에서 root를 쓰는 npm (?) 이 설치돼서 오류가 계속 뜸 이라고 생각하고 있는데 제 생각이 맞는 건지 그리고 이걸 어떻게 해결해야 할지 감이 잘 안 오네요ㅠㅠ 특히나 제가 Appdata에서 파일을 정리하는 거에 대한 두려움이 있어서 함부로 못 지우겠어요... 도와주실 분 있나요?? React-Native가 원래 좀 까칠한가요??? 나중에 vue-cli 깔때도 이럴 까봐 무섭네요..

먼저 터미널에서 npm start 로 expo를 열고 안드로이드 폰에서 expo 앱을 설치후  npm start에서 얻은 qr코드로 expo앱에서 qr을 스캔하는데요.. 계속적으로  something went wrong. Sorry about that . You can go back to Expo home or try to reload the project 라는게 계속적으로뜨네요.. 그리고 qr스캔도 정확히 갖다대기전에도 계속 인식이되버리고... 좀몬가 제가 잘못하고있는게 있나요

window라 다른가요? 알려주세요