배달앱 클론코딩 [with React Native]대시보드

Render Error Couldn't register the navigator. Have you wrapped your app with 'NavigationContainer'? This can also happen if there are multiple copies of '@react-navigation' packages installed.이 에러가 발생해서 쭉 찾아봤는데요 처음에는 버전 충돌이 일어나는줄 알았으나 package.json 상에서 설치된 버전은 하나 뿐이라 아닌거로 확인했고 쭉 찾아보니 공식문서에서 https://reactnavigation.org/docs/navigation-container/ 이런 식으로 묶어주면 된다고해서 해보니 에러가 사라졌습니다!

안녕하세요 강사님. 리액트 네이티브 0.73 버전을 사용하고 있는데요.flipper가 현재 Podfile 에서 0.201.0 버전으로 나옵니다. 근데 도저히 flipper에서 연결이 되지 않아서 찾아보던 중에리액트 네이티브 0.73 부터 새로운 디버거의 사용이 가능하다고 하는데 이걸 사용해도 괜찮을까요? https://github.com/react-native-community/discussions-and-proposals/discussions/733

안녕하세요네이버맵 연동 시 아래 사진과 같은 기능을 연동하려고 합니다method 확인 시setLocationTrackingMode <- 해당 method 인 것 같은데.. 연동 방식을 잘 모르겠습니다. 도움 부탁드립니다. 고맙습니다.

안녕하세요 nmap 예제에서 클릭시 onMapClick 함수가 호출되어 위도 , 경도를 받을 수 있었는데요.. 혹시 <NaverMapView> 컴포넌트에 코드적으로 touch를 발생시킬 수 있는지 궁금합니다.. 감사합니다!

안녕하세요. 강의를 보고 앱을 개발하고 이제 배포전 QA단계까지 왔습니다!QA를 하기위해서 Xcode에서 Edit Schemes -> Run에서 디버그 모드랑 릴리즈 모드로 선택을해서 빌드를 할 수가 있는데...디버그모드로 빌드를 하면 제가 수정한 코드가 잘 반영이 되어있는데 릴리즈 모드로 빌드를 하면 변한게 없습니다! 뭐가 다른 설정이 또 필요한 부분이 있나요? 혹시몰라서 깃 커밋과 푸시는 다 한 상태로 진행도 해보고 캐시도 삭 날려도 보고 했습니다.

앱 어플에 대한 백엔드 서버는 그냥 웹과 동일하게 NestJS같은 것으로 만들면 되나요?

안녕하세요 아래 코드의 bottomSheet 내부에 채팅 창을 넣고자 합니다.. 그리고 카톡에서 키보드가 올라오면 보던 내용이 키보드를 피해 올라가는 것을 구현하고자 하고 있습니다. 아래 코드에서 BottomSheet 내부를 KeyboardAvodingView로 감싸주었을 떄는 내부 scroll이 동작을 안 하였습니다.. FlatList만 KeyboardAvoidingView를 사용하였을 때는 .. FlatList의 내용이 가린채로 키보드가 올라왔습니다..KeyboardAwareScrollview또한 내부 스크롤이 동작안하고 있었습니다.. 혹시 아래처럼 bottomSheet를 사용해 내부 요소들을 보여줄 때 보던 내용이 키보드가 올라와도 보여질 수 있도록 자동으로 밀려올라가는(스크롤되는,,) 방법이 없을까요?감사합니다..  import React, { useCallback, useRef, useMemo } from "react"; import { StyleSheet, View, Text, Button, KeyboardAvoidingView } from "react-native"; import BottomSheet, { BottomSheetFlatList } from "@gorhom/bottom-sheet"; import { FlatList, ScrollView, TextInput } from "react-native-gesture-handler"; import { KeyboardAwareFlatList, KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view"; const BottomExample = () => { // hooks const sheetRef = useRef<BottomSheet>(null); // variables const data = useMemo( () => Array(50) .fill(0) .map((_, index) => `index-${index}`), [] ); const snapPoints = useMemo(() => ["25%", "50%", "100%"], []); // callbacks const handleSheetChange = useCallback((index: any) => { console.log("handleSheetChange", index); }, []); const handleSnapPress = useCallback((index: any) => { sheetRef.current?.snapToIndex(index); }, []); const handleClosePress = useCallback(() => { sheetRef.current?.close(); }, []); // render const renderItem = useCallback( ( {item} : { item : string } ) => ( <View style={styles.itemContainer}> <Text>{item}</Text> </View> ), [] ); return ( <View style={styles.container}> <Button title="Snap To 90%" onPress={() => handleSnapPress(2)} /> <Button title="Snap To 50%" onPress={() => handleSnapPress(1)} /> <Button title="Snap To 25%" onPress={() => handleSnapPress(0)} /> <Button title="Close" onPress={() => handleClosePress()} /> <BottomSheet ref={sheetRef} snapPoints={snapPoints} onChange={handleSheetChange} > <FlatList data={data} keyExtractor={(i) => i} renderItem={renderItem} contentContainerStyle={styles.contentContainer} /> < style ={{ backgroundColor : "blue"}}>all good all fine</TextInput> </BottomSheet> </View> ); }; const styles = StyleSheet.create({ container: { flex: 1, paddingTop: 200, }, contentContainer: { backgroundColor: "white", }, itemContainer: { padding: 6, margin: 6, backgroundColor: "#eee", }, }); export default BottomExample;

flipper 다운로드 오류로 질문드립니다.설치를 진행하려는 도중에 위와 같은 문제가 발생했습니다. 공식홈페이지에서 다운로드 진행 후 압축푸는 과정에서 오류 발생처음보는 확장자여서 google 검색 후 cmd창에 명령어로 압축해제폴더명은 package로 실행파일이 없음.공식홈페이지 다시 확인하니 압축파일이 Linux와 Windows가 동일함  이런 상황이 발생하여 저는 해당 다운로드파일이 Linux버전이라고 인식하고 있는 상태입니다. 그래서 혹시 별도로 flipper를 다운받을 수 있는 경로가 있을까요?

네비게이터 여러 종류를 같이 쓸 수 있다고 했는데 여기 강좌에선 조건문으로 나눠서 화면 상으론 따로 나오게 썼잖아요, 조건문 없이 그냥 탭 네비게이션과 스택 네비게이션을 형제 요소로 넣어 한 화면에 다 집어넣을 수도 있는 것인가요?

안드로이드 스튜디오 맥북 m1은 인텔이 아니라 설정 방법 다르다고 알려주셨는데 혹시 따로 정리해두신 글이 있을까요?

안녕하세요 제로초님 강의 잘듣고 있습니다. dataForm 요청관련해서 이슈가 생겨 질문드리게 되었습니다.(현재 axios ^1.6.7 버전을 사용중입니다.)  아래와같이 resized된 이미지를 formData에 담고 요청을 보냈습니다.axios는 이렇게 되어있고 instance안에는 interceptor로 token만 갈아껴주는 로직이 들어있어서 formData에는 따로 영향을 주는 코드는 없습니다. headers, transformRequest가 없이 시도했는데 되지 않아 넣어서 해봤는데도 되지 않습니다. 서버는 nestjs를 사용중이고 아래와같이 되어 있습니다.그런데 콘솔을 찍어보면 이렇게 빈 리스트가 나옵니다. 나와서 서버의 이슈인가 해서 postman으로 요청을 해보니  이미지가 정상적으로 캐치되는 것을 확인 할 수 있었습니다. 분명 axios 설정에서 이슈가 있는거 같은데 잘모르겠어서 질문드립니다. 혹시 제가 놓친것이 있을까요? 감사합니다

flipper 라이브러리 설치 시에는 파워쉘에서 npm i 로 설치하고, 리액트 네이티브 라이브러리 설치 시에는 에디터의 터미널에서 설치하셨는데 뭔 차이인가요? 

usePermissions훅 사용시 에러가 납니다. android환경입니다. 코드랑 에러 올리겠습니다.구글에 먼저 검색해도 잘 모르겠어서 질문드립니다.import {useEffect} from 'react'; import {Alert, Linking, Platform} from 'react-native'; import {check, PERMISSIONS, request, RESULTS} from 'react-native-permissions'; function usePermissions() { // 권한 관련 useEffect(() => { if (Platform.OS === 'android') { //정확한 위치권한 check(PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION) .then(result => { console.log('check location', result); if (result === RESULTS.DENIED) { return request(PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION); } else if (result === RESULTS.BLOCKED) { Alert.alert( '이 앱은 위치 권한 허용이 필요합니다.', '앱 설정 화면을 열어서 항상 허용으로 바꿔주세요.', //밑에 배열은 버튼을 의미한다. [ { text: '네', //Linking.openSettings는 핸드폰 설정을 열어준다. onPress: () => Linking.openSettings(), }, { text: '아니오', onPress: () => console.log('No Pressed'), style: 'cancel', }, ], ); } }) .catch(console.error); } else if (Platform.OS === 'ios') { check(PERMISSIONS.IOS.LOCATION_ALWAYS) .then(result => { if (result === RESULTS.BLOCKED || result === RESULTS.DENIED) { Alert.alert( '이 앱은 백그라운드 위치 권한 허용이 필요합니다.', '앱 설정 화면을 열어서 항상 허용으로 바꿔주세요.', [ { text: '네', onPress: () => Linking.openSettings(), }, { text: '아니오', onPress: () => console.log('No Pressed'), style: 'cancel', }, ], ); } }) .catch(console.error); } if (Platform.OS === 'android') { //카메라 권한 check(PERMISSIONS.ANDROID.CAMERA) .then(result => { if (result === RESULTS.DENIED || result === RESULTS.GRANTED) { return request(PERMISSIONS.ANDROID.CAMERA); } else { console.log(result); throw new Error('카메라 지원 안 함'); } }) .catch(console.error); } else { check(PERMISSIONS.IOS.CAMERA) .then(result => { if ( result === RESULTS.DENIED || result === RESULTS.LIMITED || result === RESULTS.GRANTED ) { return request(PERMISSIONS.IOS.CAMERA); } else { console.log(result); throw new Error('카메라 지원 안 함'); } }) .catch(console.error); } }, []); } export default usePermissions; 에러메세지 텍스트입니다.Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNPermissions' could not be found. Verify that a module by this name is registered in the native binary., js engine: hermes at AppInner (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:131130:86) at Provider (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:130801:22) at App at RCTView at View (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:59410:43) at RCTView at View (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:59410:43) at AppContainer (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:59254:36) at FoodDeliveryApp(RootComponent) (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:107936:28) ERROR TypeError: Cannot read property 'check' of undefinedThis error is located at: in AppInner (created by App) in Provider (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in FoodDeliveryApp(RootComponent), js engine: hermes ERROR TypeError: Cannot read property 'check' of undefinedThis error is located at: in AppInner (created by App) in Provider (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in FoodDeliveryApp(RootComponent), js engine: hermes

안녕하세요러닝, 등산 등 활동 시 변경되는 고도, 속도를 측정할 수 있는 방법이 있는지 문의드립니다.

안녕하세요! 제로초님!좋은 강의 감사합니다.제로초님의 강의를 듣고 개인 프로젝트를 진행하고 있던 중 궁금한 점이 있어 질문 드립니다 현재 Complete 구조에 해당하는 화면에서 하단 탭을 안보이게 하고 싶은데, 해결을 하지 못하여 질문을 드립니다. [ 공부한 내용]공식 문서에서는 특정 스크린에서 하단 탭을 숨기고 싶다면 구조를 변경하라고 말하고 있는데, 제가 원하는 방법은 아니어서 다른 방법을 찾아보았습니다.https://reactnavigation.org/docs/hiding-tabbar-in-screens tabBarvisible을 사용하면 tab안에 있는 stack에서 하단 탭을 안보이게 할 수 있다는 블로그도 많이 확인하였지만 공식문서에서 tabBarvisible을 더이상 지원하지 않는다고 하여 사용하지 않았습니다.https://reactnavigation.org/docs/upgrading-from-5.x 아래 블로그에서 React.useLayoutEffect를 사용해 컴포넌트에 접근하였을 때 화면 이름과 navigation.setOptions를 활용하여 하단 탭을 안보이게 하는 방법이 있다고 하여 적용해 보았으나 제 프로젝트에서는 동작하지 않았습니다.https://velog.io/@yejinleee/ReactNative-%EC%8A%A4%ED%83%9D%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EC%97%90%EC%84%9C-%ED%83%AD-%EB%B0%94-%EC%88%A8%EA%B8%B0%EA%B8%B0 혹시 Complete 화면에서 하단 바를 안보이게 하는 방법이 있을까요? 항상 좋은 답변을 해주셔서 감사합니다 : )

안녕하세요 제로초님혹시 reactnative에서 이미지 두개를 합성해서 한개의 이미지로 만드는방법이 있을까요??

질문 카테고리를 변경하다가 내용이 다 삭제되어 다시 질문을 올립니다ㅠㅠ우선 좋은 강의 만들어 주셔서 감사합니다!초보자임에도 불구하고 강의를 듣고 나서 앱을 만들 수 있겠다는 자신감을 얻어 앱을 만들던 중 난관에 봉착하여 질문을 드립니다. 만드려고 하는 기능은 다음과 같습니다.사용자가 장소를 검색.검색한 장소를 네이버 지도에서 마커로 표시해줌. 질문은 다음과 같습니다.장소 검색 기능을 추가하려고 합니다. 카카오 장소 검색 api를 사용하는 것이 제일 좋은 방법인지 궁금합니다.카카오 장소 검색 api는 웹뷰를 이용해야 하는 것 같은데 웹뷰 구동 방식이 제가 생각하는 방식이 맞는지 궁금합니다.reactnative에서 react 프로젝트 호출 -> react에서 카카오 장소 검색 api 호출 -> 카카오 api 응답 -> react에서 reactnative 프로젝트로 응답 전달 -> reactnative에서 응답을 받아서 사용 제가 알아본 과정은 다음과 같습니다.제로초님께서 react-native-naver-map 라이브러리는 장소 검색 기능이 없다는 것을 알게 되었습니다.장소 검색을 하기 위해서는 새로운 api를 사용해야 한 다는 것을 깨닫고, 네이버 장소 검색 api를 확인해본 결과, 네이버 장소 검색 api는 최대 5개의 결과값만 받을 수 있다는 것을 알게 되었습니다.응답을 5개만 받을 수 있다는 한계가 너무 명확하여, 대안을 찾던 도중 카카오 장소검색 api, 구글 장소 검색 api가 있는 것을 확인하였습니다.구글 장소 검색 api를 사용한 블로그 글이 꽤 있었지만 네이버 지도 + 구글 장소 검색 api 조합을 사용 할 거라면 차라리 구글 지도 + 구글 장소 검색 api 조합이 더 좋을 것 같다는 판단을 하였지만 네이버 지도를 사용하고 싶었기 때문에 최종적으로는 네이버 지도 + 카카오 api를 사용하려고 합니다.카카오 장소 검색 api를 사용하기 위해 카카오 장소 검색 안드로이드 api 공식 문서를 살펴본 결과, 내용이 자바 코드로 안내가 되어있었습니다.처음에는 자바 코드로 작성되어 있어서 어리둥절 하였지만 안드로이드는 자바 or 코틀린으로도 개발한다는 것을 알게 되었습니다. 몇몇 블로그를 살펴보니 reactnative에서 카카오 장소 검색 api를 사용할 때는 웹뷰를 사용한다는 사실을 알게 되었습니다.웹뷰를 사용한다면 리액트 프로젝트를 따로 만들고 구동해야 하는 것 같은데, 이게 최선의 방법인지 혼란스러워서 질문을 남기게 되었습니다.   

[제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.

안녕하세요Background 상태일때 푸시 잘 받아지는 것 확인했습니다앱이 Foreground 상태일때 전체 푸시를 관리자에서 보내면 사용자 화면에서 '전체 공지가 있습니다' 등의 Alert을 띄우려고 합니다.도움 부탁드립니다.고맙습니다.

환경 운영체제 : win 10 react-native : 0.72.7node : 20.5.0안녕하세요현재 위 처럼 BottomSheetModal이 열려져 있는 상태에서 위치를 검색하세요 라는 view를 클릭할경우 아래 제출한 코드의 <Modal> 컴포넌트가 나오게 되있습니다. 하지만 아래의 오류를 현재 내고 있어 질문드리게 되었습니다.. bottom-sheet 라이브러리로 @gorhom/bottom-sheet - npm (npmjs.com) 위 링크를 사용하였습니다. 에러 로그 내용의 전체부분은 다음과 같습니다. debuggerWorker.js:69 Error: [Reanimated] UpdatePropsManager is not available on non-native platform. at Handler (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:123798:38) at BottomSheetDraggableViewComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:156784:33) at RCTView at http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:59381:44 at AnimatedComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:128894:38) at RCTView at http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:59381:44 at AnimatedComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:128894:38) at RCTView at http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:59381:44 at BottomSheetContainerComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:160869:32) at BottomSheetGestureHandlersProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:160962:38) at BottomSheet (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:159277:74) at PortalHostComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:162079:21) at PortalProviderComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:162134:34) at BottomSheetModalProviderWrapper (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:162297:25) at RNGestureHandlerRootView at GestureHandlerRootView at Map (http://10.0.2.2:8081/src\pages\map.bundle//&platform=android&app=com.nomans…d&modulesOnly=true&dev=true&minify=false&runModule=true&shallow=true:30:42) at StaticContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:170212:18) at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:166073:25) at SceneView (익명)@debuggerWorker.js:69-TypeError: $$REQUIRE(...) is not a functionThis error is located at: in PanGestureHandler (created by BottomSheetDraggableViewComponent) in BottomSheetDraggableViewComponent (created by BottomSheet) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by BottomSheet) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by BottomSheet) in RCTView (created by View) in View (created by BottomSheetContainerComponent) in BottomSheetContainerComponent (created by BottomSheet) in BottomSheetGestureHandlersProvider (created by BottomSheet) in BottomSheet (created by BottomSheet) in PortalHostComponent (created by PortalProviderComponent) in PortalProviderComponent (created by BottomSheetModalProviderWrapper) in BottomSheetModalProviderWrapper (created by Map) in RNGestureHandlerRootView (created by GestureHandlerRootView) in GestureHandlerRootView (created by Map) in Map (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by BottomTabView) in RCTView (created by View) in View (created by Screen) in RCTView (created by View) in View (created by Background) in Background (created by Screen) in Screen (created by BottomTabView) in RNSScreen in Unknown (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by MaybeScreen) in MaybeScreen (created by BottomTabView) in RNSScreenContainer (created by ScreenContainer) in ScreenContainer (created by MaybeScreenContainer) in MaybeScreenContainer (created by BottomTabView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaInsetsContext) in SafeAreaProviderCompat (created by BottomTabView) in BottomTabView (created by BottomTabNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by BottomTabNavigator) in BottomTabNavigator (created by App) in EnsureSingleNavigator in BaseNavigationContainer in ThemeProvider in NavigationContainerInner (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in NoMansLand(RootComponent)------------------------------------------------------------------------------------------------- 아래 부분은 사용하였던 코드입니다.. 긴글 읽어주셔서 감사합니다.