
안녕하세요. 문의드립니다!
메인페이지는 잘 나오는데
클릭 시 나오는 디테일페이지에 오류가 발생합니당


Card.js
import React from 'react';
import {View, Image, Text, StyleSheet,TouchableOpacity} from 'react-native'
//MainPage로 부터 navigation 속성을 전달받아 Card 컴포넌트 안에서 사용
export default function Card({content,navigation}){
return(
//카드 자체가 버튼역할로써 누르게되면 상세페이지로 넘어가게끔 TouchableOpacity를 사용
<TouchableOpacity style={styles.card} onPress={()=>{navigation.navigate('DetailPage')}}>
<Image style={styles.cardImage} source={{uri:content.image}}/>
<View style={styles.cardText}>
<Text style={styles.cardTitle} numberOfLines={1}>{content.title}</Text>
<Text style={styles.cardDesc} numberOfLines={3}>{content.desc}</Text>
<Text style={styles.cardDate}>{content.date}</Text>
</View>
</TouchableOpacity>
)
}
const styles = StyleSheet.create({
card:{
flex:1,
flexDirection:"row",
margin:10,
borderBottomWidth:0.5,
borderBottomColor:"#eee",
paddingBottom:10
},
cardImage: {
flex:1,
width:100,
height:100,
borderRadius:10,
},
cardText: {
flex:2,
flexDirection:"column",
marginLeft:10,
},
cardTitle: {
fontSize:20,
fontWeight:"700"
},
cardDesc: {
fontSize:15
},
cardDate: {
fontSize:10,
color:"#A6A6A6",
}
});
DetailPage.js
import React,{useState,useEffect} from 'react';
import { StyleSheet, Text, View, Image, ScrollView,TouchableOpacity,Alert } from 'react-native';
export default function DetailPage({navigation,route}) {
//초기 컴포넌트의 상태값을 설정
//state, setState 뿐 아니라 이름을 마음대로 지정할 수 있음!
const [tip, setTip] = useState({
"idx":9,
"category":"재테크",
"title":"렌탈 서비스 금액 비교해보기",
"image": "https://storage.googleapis.com/sparta-image.appspot.com/lecture/money1.png",
"desc":"요즘은 정수기, 공기 청정기, 자동차나 장난감 등 다양한 대여서비스가 활발합니다. 사는 것보다 경제적이라고 생각해 렌탈 서비스를 이용하는 분들이 늘어나고 있는데요. 다만, 이런 렌탈 서비스 이용이 하나둘 늘어나다 보면 그 금액은 겉잡을 수 없이 불어나게 됩니다. 특히, 렌탈 서비스는 빌려주는 물건의 관리비용까지 포함된 것이기에 생각만큼 저렴하지 않습니다. 직접 관리하며 사용할 수 있는 물건이 있는지 살펴보고, 렌탈 서비스 항목에서 제외해보세요. 렌탈 비용과 구매 비용, 관리 비용을 여러모로 비교해보고 고민해보는 것이 좋습니다. ",
"date":"2020.09.09"
})
useEffect(()=>{
console.log(route)
//Card.js에서 navigation.navigate 함수를 쓸때 두번째 인자로 content를 넘겨줬죠?
//content는 딕셔너리 그 자체였으므로 route.params에 고대~로 남겨옵니다.
//즉, route.params 는 content죠!
navigation.setOptions({
//setOptions로 페이지 타이틀도 지정 가능하고
title:route.params.title,
//StackNavigator에서 작성했던 옵션을 다시 수정할 수도 있습니다.
headerStyle: {
backgroundColor: '#000',
shadowColor: "#000",
},
headerTintColor: "#fff",
})
setTip(route.params)
},[])
const popup = () => {
Alert.alert("팝업!!")
}
return (
// ScrollView에서의 flex 숫자는 의미가 없습니다. 정확히 보여지는 화면을 몇등분 하지 않고
// 화면에 넣은 컨텐츠를 모두 보여주려 스크롤 기능이 존재하기 때문입니다.
// 여기선 내부의 컨텐츠들 영역을 결정짓기 위해서 height 값과 margin,padding 값을 적절히 잘 이용해야 합니다.
<ScrollView style={styles.container}>
<Image style={styles.image} source={{uri:tip.image}}/>
<View style={styles.textContainer}>
<Text style={styles.title}>{tip.title}</Text>
<Text style={styles.desc}>{tip.desc}</Text>
<TouchableOpacity style={styles.button} onPress={()=>popup()}><Text style={styles.buttonText}>팁 찜하기</Text></TouchableOpacity>
</View>
</ScrollView>
)
}
const styles = StyleSheet.create({
container:{
backgroundColor:"#000"
},
image:{
height:400,
margin:10,
marginTop:40,
borderRadius:20
},
textContainer:{
padding:20,
justifyContent:'center',
alignItems:'center'
},
title: {
fontSize:20,
fontWeight:'700',
color:"#eee"
},
desc:{
marginTop:10,
color:"#eee"
},
button:{
width:100,
marginTop:20,
padding:10,
borderWidth:1,
borderColor:'deeppink',
borderRadius:7
},
buttonText:{
color:'#fff',
textAlign:'center'
}
})
TERMINAL
minjikim@Minjiui-iMac sparta-study % cd sparta-myhoneytip-ji
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo start --tunnel
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo start
Starting project at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji
Starting Metro Bundler
Started Metro Bundler
Successfully ran `adb reverse`. Localhost URLs should work on the connected Android device.
Using legacy dev server: false
Tunnel connected.
Tunnel ready.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▀ █▀▀██▄▄▄ ▄▄▄▄▄██ ▄▄▄▄▄ █
█ █ █ █▀ ▄ ██▄█▄▀▀ █▄▀█ █ █ █ █
█ █▄▄▄█ █▀█ █▄ █ ▄▄ ▄▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄█▄█ ▀▄▀▄█ █ ▀▄█ █▄▄▄▄▄▄▄█
█▄▄ ▀▄ ▄█▄█▄▄▄▄▀ █▀▄▀█▄▀▄█ █▄▀█
█▄▀███▄▄▀█ ▀ ▄█▀ █████ ▀▀▀▄ ▀▀▄▀█▀█
█▀▀▄▄ ▄▀█▄▀▄▀▀▀█▄ █▀ ██▀█▄▀▄▄▀█▀ █
█▀ ▀▄ █▄ █▀ ▄▄██ █▄ ▀▄█ █▀ ▀███
█▀▄▄ ▄▄▄▀▄█▄█▄█▄█▄▄█ ▀█▄ ▄▀▄▄██▀▀█
█▄▄▄█▄▀▄▀▀▄█ ▄█▀ ▀█ █▀ ▀ ▀▄▄ █ ▄██
█▀ █▀ █▄███▀▄▀▀▀▄ ▀ █ ▀█▄▀ ▄▄▀▀ █
█ █▀█▄▀▄▀ ▄▀█▀ ▄▄▄▄▀█▄ ▀▀█▀▀▀▄█▀ ██
█▄███▄▄▄█ ▄██▄█▄▄▀▄▀ █▄▄ ▄▄▄ ▀█▄▀█
█ ▄▄▄▄▄ █▄▄█ ▄█▀ █▀█ █ █▄█ ▄ ▄▀█
█ █ █ █ ▀▀▄▀▀▀▄▀ ▀▀▀█▄█ ▄▄ ▀▀ █
█ █▄▄▄█ █ █▀ ▄▄██▄▀▀▀ ▄█▀ █▀▀▀███
█▄▄▄▄▄▄▄█▄█▄█▄█▄▄▄▄█▄██▄▄▄▄▄██▄█▄██
› Metro waiting on
exp://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct:80
› Scan the QR code above with Expo Go (Android) or the
Camera app (iOS)
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web
› Press r │ reload app
› Press m │ toggle menu
› Press ? │ show all commands
Logs for your project will appear below. Press Ctrl+C to exit.
iOS Bundling complete 7156ms
iOS Running app on iPhone
› Stopped server
minjikim@Minjiui-iMac sparta-myhoneytip-ji %
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo install expo-status-bar
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo install
Installing 1 SDK 46.0.0 compatible native module using Yarn.
> yarn add expo-status-bar@~1.4.0
yarn add v1.22.19
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...
success Saved 0 new dependencies.
✨ Done in 1.05s.
minjikim@Minjiui-iMac sparta-myhoneytip-ji %
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo start --tunnel
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo start
Starting project at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji
Starting Metro Bundler
Successfully ran `adb reverse`. Localhost URLs should work on the connected Android device.
Using legacy dev server: false
Started Metro Bundler
Tunnel connected.
Tunnel ready.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▀ █▀▀██▄▄▄ ▄▄▄▄▄██ ▄▄▄▄▄ █
█ █ █ █▀ ▄ ██▄█▄▀▀ █▄▀█ █ █ █ █
█ █▄▄▄█ █▀█ █▄ █ ▄▄ ▄▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄█▄█ ▀▄▀▄█ █ ▀▄█ █▄▄▄▄▄▄▄█
█▄▄ ▀▄ ▄█▄█▄▄▄▄▀ █▀▄▀█▄▀▄█ █▄▀█
█▄▀███▄▄▀█ ▀ ▄█▀ █████ ▀▀▀▄ ▀▀▄▀█▀█
█▀▀▄▄ ▄▀█▄▀▄▀▀▀█▄ █▀ ██▀█▄▀▄▄▀█▀ █
█▀ ▀▄ █▄ █▀ ▄▄██ █▄ ▀▄█ █▀ ▀███
█▀▄▄ ▄▄▄▀▄█▄█▄█▄█▄▄█ ▀█▄ ▄▀▄▄██▀▀█
█▄▄▄█▄▀▄▀▀▄█ ▄█▀ ▀█ █▀ ▀ ▀▄▄ █ ▄██
█▀ █▀ █▄███▀▄▀▀▀▄ ▀ █ ▀█▄▀ ▄▄▀▀ █
█ █▀█▄▀▄▀ ▄▀█▀ ▄▄▄▄▀█▄ ▀▀█▀▀▀▄█▀ ██
█▄███▄▄▄█ ▄██▄█▄▄▀▄▀ █▄▄ ▄▄▄ ▀█▄▀█
█ ▄▄▄▄▄ █▄▄█ ▄█▀ █▀█ █ █▄█ ▄ ▄▀█
█ █ █ █ ▀▀▄▀▀▀▄▀ ▀▀▀█▄█ ▄▄ ▀▀ █
█ █▄▄▄█ █ █▀ ▄▄██▄▀▀▀ ▄█▀ █▀▀▀███
█▄▄▄▄▄▄▄█▄█▄█▄█▄▄▄▄█▄██▄▄▄▄▄██▄█▄██
› Metro waiting on exp://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct:80
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web
› Press r │ reload app
› Press m │ toggle menu
› Press ? │ show all commands
Logs for your project will appear below. Press Ctrl+C to exit.
iOS Bundling complete 723ms
iOS Running app on iPhone
Disconnected from Metro.
at node_modules/metro-runtime/src/modules/vendor/eventemitter3.js:192:15 in emit
at node_modules/metro-runtime/src/modules/HMRClient.js:55:6 in _ws.onclose
at node_modules/react-native/Libraries/WebSocket/WebSocket.js:257:8 in _eventEmitter.addListener$argument_1
at node_modules/react-native/Libraries/vendor/emitter/_EventEmitter.js:150:10 in EventEmitter#emit
iOS Bundling complete 55ms
iOS Running app on iPhone
Disconnected from Metro.
at node_modules/metro-runtime/src/modules/vendor/eventemitter3.js:192:15 in emit
at node_modules/metro-runtime/src/modules/HMRClient.js:55:6 in _ws.onclose
at node_modules/react-native/Libraries/WebSocket/WebSocket.js:257:8 in _eventEmitter.addListener$argument_1
at node_modules/react-native/Libraries/vendor/emitter/_EventEmitter.js:150:10 in EventEmitter#emit
iOS Bundling complete 1089ms
iOS Running app on iPhone
Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s%s, object, You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `App`.,
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react/cjs/react-jsx-runtime.development.js:87:4 in printWarning
at node_modules/react/cjs/react-jsx-runtime.development.js:61:18 in error
at node_modules/react/cjs/react-jsx-runtime.development.js:1239:11 in jsxWithValidation
at App.js:19:4 in App
at node_modules/react-native/Libraries/ReactNative/renderApplication.js:80:4 in renderApplication
at node_modules/react-native/Libraries/ReactNative/AppRegistry.js:119:25 in runnables.appKey.run
at node_modules/react-native/Libraries/ReactNative/AppRegistry.js:213:4 in runApplication
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `App`.
This error is located at:
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:52:4 in showErrorDialog
at node_modules/react-native/Libraries/ReactNative/renderApplication.js:80:4 in renderApplication
at node_modules/react-native/Libraries/ReactNative/AppRegistry.js:119:25 in runnables.appKey.run
at node_modules/react-native/Libraries/ReactNative/AppRegistry.js:213:4 in runApplication
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `App`.
This error is located at:
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler
at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in <anonymous>
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0
SyntaxError: /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/react-native-reanimated/src/index.ts: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.
5 | export * from './reanimated1';
6 | export * from './reanimated2';
> 7 | export * as default from './Animated';
| ^^^^^^^^^^^^
8 |
at File.buildCodeFrameError (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/core/lib/transformation/file/file.js:249:12)
at NodePath.buildCodeFrameError (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/traverse/lib/path/index.js:145:21)
at assertExportSpecifier (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:112:16)
at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:202:9
at Array.forEach (<anonymous>)
at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:201:31
at Array.forEach (<anonymous>)
at getModuleMetadata (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:149:27)
at normalizeModuleAndLoadMetadata (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:58:7)
Cannot connect to Metro.
Try the following to fix the issue:
- Ensure that Metro is running and available on the same network
- Ensure that the Metro URL is correctly set in AppDelegate
URL: h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct:80
Error: The operation couldn’t be completed. Socket is not connected
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:115910:22 in warn
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:35898:18 in setHMRUnavailableReason
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:35832:31 in <unknown>
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:36384:34 in emit
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:36103:18 in <unknown>
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:33555:30 in dispatchEvent
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:34497:30 in <unknown>
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:2744:41 in emit
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:24039:35 in __callFunction
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:23767:30 in <unknown>
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:23993:14 in __guard
at http://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct/node_modules/expo/AppEntry.bundle?platform=ios&dev=true&hot=false&strict=false&minify=false:23766:20 in callFunctionReturnFlushedQueue
iOS Bundling complete 51ms
iOS Bundling complete 28ms
› Stopped server
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo start --tunnel
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo start
Starting project at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji
Starting Metro Bundler
Successfully ran `adb reverse`. Localhost URLs should work on the connected Android device.
Using legacy dev server: false
Started Metro Bundler
Tunnel connected.
Tunnel ready.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▀ █▀▀██▄▄▄ ▄▄▄▄▄██ ▄▄▄▄▄ █
█ █ █ █▀ ▄ ██▄█▄▀▀ █▄▀█ █ █ █ █
█ █▄▄▄█ █▀█ █▄ █ ▄▄ ▄▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄█▄█ ▀▄▀▄█ █ ▀▄█ █▄▄▄▄▄▄▄█
█▄▄ ▀▄ ▄█▄█▄▄▄▄▀ █▀▄▀█▄▀▄█ █▄▀█
█▄▀███▄▄▀█ ▀ ▄█▀ █████ ▀▀▀▄ ▀▀▄▀█▀█
█▀▀▄▄ ▄▀█▄▀▄▀▀▀█▄ █▀ ██▀█▄▀▄▄▀█▀ █
█▀ ▀▄ █▄ █▀ ▄▄██ █▄ ▀▄█ █▀ ▀███
█▀▄▄ ▄▄▄▀▄█▄█▄█▄█▄▄█ ▀█▄ ▄▀▄▄██▀▀█
█▄▄▄█▄▀▄▀▀▄█ ▄█▀ ▀█ █▀ ▀ ▀▄▄ █ ▄██
█▀ █▀ █▄███▀▄▀▀▀▄ ▀ █ ▀█▄▀ ▄▄▀▀ █
█ █▀█▄▀▄▀ ▄▀█▀ ▄▄▄▄▀█▄ ▀▀█▀▀▀▄█▀ ██
█▄███▄▄▄█ ▄██▄█▄▄▀▄▀ █▄▄ ▄▄▄ ▀█▄▀█
█ ▄▄▄▄▄ █▄▄█ ▄█▀ █▀█ █ █▄█ ▄ ▄▀█
█ █ █ █ ▀▀▄▀▀▀▄▀ ▀▀▀█▄█ ▄▄ ▀▀ █
█ █▄▄▄█ █ █▀ ▄▄██▄▀▀▀ ▄█▀ █▀▀▀███
█▄▄▄▄▄▄▄█▄█▄█▄█▄▄▄▄█▄██▄▄▄▄▄██▄█▄██
› Metro waiting on exp://h2-6ws.minjicolor.sparta-myhoneytip-ji.exp.direct:80
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web
› Press r │ reload app
› Press m │ toggle menu
› Press ? │ show all commands
Logs for your project will appear below. Press Ctrl+C to exit.
› Stopped server
minjikim@Minjiui-iMac sparta-myhoneytip-ji % yarn add @react-navigation/native
yarn add v1.22.19
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning "react-native > react-native-codegen > jscodeshift@0.13.1" has unmet peer dependency "@babel/preset-env@^7.1.6".
[4/4] 🔨 Building fresh packages...
success Saved 1 new dependency.
info Direct dependencies
└─ @react-navigation/native@6.0.13
info All dependencies
└─ @react-navigation/native@6.0.13
✨ Done in 1.23s.
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo install
Installing 4 SDK 46.0.0 compatible native modules and 1 other package using Yarn.
> yarn add react-native-gesture-handler@~2.5.0 react-native-reanimated@~2.9.1 react-native-screens@~3.15.0 react-native-safe-area-context@4.3.1 @react-native-community/masked-view
yarn add v1.22.19
[1/4] 🔍 Resolving packages...
warning @react-native-community/masked-view@0.1.11: Repository was moved to @react-native-masked-view/masked-view
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...
success Saved 1 new dependency.
info Direct dependencies
└─ @react-native-community/masked-view@0.1.11
info All dependencies
└─ @react-native-community/masked-view@0.1.11
✨ Done in 1.88s.
minjikim@Minjiui-iMac sparta-myhoneytip-ji % yarn add @react-navigation/stack
yarn add v1.22.19
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning "react-native > react-native-codegen > jscodeshift@0.13.1" has unmet peer dependency "@babel/preset-env@^7.1.6".
[4/4] 🔨 Building fresh packages...
success Saved 1 new dependency.
info Direct dependencies
└─ @react-navigation/stack@6.3.1
info All dependencies
└─ @react-navigation/stack@6.3.1
✨ Done in 2.84s.
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo start
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo start
Starting project at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █ █▄█▀▄██ ▄▄▄▄▄ █
█ █ █ █ ▀▄ █▀█ ▄█ █ █ █
█ █▄▄▄█ █▀██▀▀ ▀▄██ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄▀▄█ █ █▄█▄▄▄▄▄▄▄█
█▄ ▀█ ▄▀▀▀▀▄▀█▄▀▄██ ▀▄▄ ▄█
█▀▄▀ ▀ ▄ ▀█▀ ▄█▀▄▄▀ █▄ ▀██
█ ▄██▀▄▄▄▄█▄█▄▀▄ █▀▄▀▀▄ ▀██
███ ▄▀▄▄ █▄█▀██ ▀▄▀ ▄ ▀███
█▄▄▄▄██▄█ ▀ ▄▀▀▄▀ ▄▄▄ ▀ ▄▄█
█ ▄▄▄▄▄ █▀▀▀ ▄██▀ █▄█ ▀▀█▀█
█ █ █ █▄▄▄█▄▀▄█ ▄ ▄▄▀ █
█ █▄▄▄█ █▀▀▄█▀██▀█▀▄▀█▀▀ ██
█▄▄▄▄▄▄▄█▄██▄▄▄▄███▄▄▄▄▄▄▄█
› Metro waiting on exp://172.30.1.60:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web
› Press r │ reload app
› Press m │ toggle menu
› Press ? │ show all commands
Logs for your project will appear below. Press Ctrl+C to exit.
Started Metro Bundler
iOS Bundling failed 1218ms
node_modules/react-native-reanimated/src/index.ts: /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/react-native-reanimated/src/index.ts: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.
5 | export * from './reanimated1';
6 | export * from './reanimated2';
> 7 | export * as default from './Animated';
| ^^^^^^^^^^^^
8 |
SyntaxError: /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/react-native-reanimated/src/index.ts: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.
5 | export * from './reanimated1';
6 | export * from './reanimated2';
> 7 | export * as default from './Animated';
| ^^^^^^^^^^^^
8 |
at File.buildCodeFrameError (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/core/lib/transformation/file/file.js:249:12)
at NodePath.buildCodeFrameError (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/traverse/lib/path/index.js:145:21)
at assertExportSpecifier (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:112:16)
at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:202:9
at Array.forEach (<anonymous>)
at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:201:31
at Array.forEach (<anonymous>)
at getModuleMetadata (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:149:27)
at normalizeModuleAndLoadMetadata (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:58:7)
iOS Bundling failed 277ms
node_modules/react-native-reanimated/src/index.ts: /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/react-native-reanimated/src/index.ts: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.
5 | export * from './reanimated1';
6 | export * from './reanimated2';
> 7 | export * as default from './Animated';
| ^^^^^^^^^^^^
8 |
SyntaxError: /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/react-native-reanimated/src/index.ts: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.
5 | export * from './reanimated1';
6 | export * from './reanimated2';
> 7 | export * as default from './Animated';
| ^^^^^^^^^^^^
8 |
at File.buildCodeFrameError (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/core/lib/transformation/file/file.js:249:12)
at NodePath.buildCodeFrameError (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/traverse/lib/path/index.js:145:21)
at assertExportSpecifier (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:112:16)
at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:202:9
at Array.forEach (<anonymous>)
at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:201:31
at Array.forEach (<anonymous>)
at getModuleMetadata (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:149:27)
at normalizeModuleAndLoadMetadata (/Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji/node_modules/@babel/helper-module-transforms/lib/normalize-and-load-metadata.js:58:7)
› Stopped server
minjikim@Minjiui-iMac sparta-myhoneytip-ji % expo start
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo start
Starting project at /Users/minjikim/Desktop/sparta-study/sparta-myhoneytip-ji
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █ █▄█▀▄██ ▄▄▄▄▄ █
█ █ █ █ ▀▄ █▀█ ▄█ █ █ █
█ █▄▄▄█ █▀██▀▀ ▀▄██ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄▀▄█ █ █▄█▄▄▄▄▄▄▄█
█▄ ▀█ ▄▀▀▀▀▄▀█▄▀▄██ ▀▄▄ ▄█
█▀▄▀ ▀ ▄ ▀█▀ ▄█▀▄▄▀ █▄ ▀██
█ ▄██▀▄▄▄▄█▄█▄▀▄ █▀▄▀▀▄ ▀██
███ ▄▀▄▄ █▄█▀██ ▀▄▀ ▄ ▀███
█▄▄▄▄██▄█ ▀ ▄▀▀▄▀ ▄▄▄ ▀ ▄▄█
█ ▄▄▄▄▄ █▀▀▀ ▄██▀ █▄█ ▀▀█▀█
█ █ █ █▄▄▄█▄▀▄█ ▄ ▄▄▀ █
█ █▄▄▄█ █▀▀▄█▀██▀█▀▄▀█▀▀ ██
█▄▄▄▄▄▄▄█▄██▄▄▄▄███▄▄▄▄▄▄▄█
› Metro waiting on exp://172.30.1.60:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web
› Press r │ reload app
› Press m │ toggle menu
› Press ? │ show all commands
Logs for your project will appear below. Press Ctrl+C to exit.
Started Metro Bundler
iOS Bundling complete 4105ms
iOS Running app on iPhone
Object {
"key": "DetailPage-TC7_FTIXtqldl6rTIBh-h",
"name": "DetailPage",
"params": undefined,
"path": undefined,
}
TypeError: undefined is not an object (evaluating 'route.params.title')
This error is located at:
in DetailPage (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (at StackNavigator.js:20)
in StackNavigator (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:52:4 in showErrorDialog
TypeError: undefined is not an object (evaluating 'route.params.title')
This error is located at:
in DetailPage (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (at StackNavigator.js:20)
in StackNavigator (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler
at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in <anonymous>
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0
Object {
"key": "DetailPage-YmPtUDrloWwU4qMF69EFd",
"name": "DetailPage",
"params": undefined,
"path": undefined,
}
TypeError: undefined is not an object (evaluating 'route.params.title')
This error is located at:
in DetailPage (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (at StackNavigator.js:20)
in StackNavigator (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:52:4 in showErrorDialog
TypeError: undefined is not an object (evaluating 'route.params.title')
This error is located at:
in DetailPage (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (at StackNavigator.js:20)
in StackNavigator (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler
at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in <anonymous>
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0
Object {
"key": "DetailPage-798O9xBEotu9SP9cHGr_E",
"name": "DetailPage",
"params": undefined,
"path": undefined,
}
TypeError: undefined is not an object (evaluating 'route.params.title')
This error is located at:
in DetailPage (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (at StackNavigator.js:20)
in StackNavigator (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:52:4 in showErrorDialog
TypeError: undefined is not an object (evaluating 'route.params.title')
This error is located at:
in DetailPage (created by SceneView)
in StaticContainer
in EnsureSingleNavigator (created by SceneView)
in SceneView (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View (created by CardContainer)
in RCTView (created by View)
in View
in CardSheet (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by PanGestureHandler)
in PanGestureHandler (created by PanGestureHandler)
in PanGestureHandler (created by Card)
in RCTView (created by View)
in View (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Card)
in RCTView (created by View)
in View (created by Card)
in Card (created by CardContainer)
in CardContainer (created by CardStack)
in RNSScreen (created by AnimatedComponent)
in AnimatedComponent
in AnimatedComponentWrapper (created by Screen)
in MaybeFreeze (created by Screen)
in Screen (created by MaybeScreen)
in MaybeScreen (created by CardStack)
in RNSScreenContainer (created by ScreenContainer)
in ScreenContainer (created by MaybeScreenContainer)
in MaybeScreenContainer (created by CardStack)
in RCTView (created by View)
in View (created by Background)
in Background (created by CardStack)
in CardStack (created by HeaderShownContext)
in RNCSafeAreaProvider (created by SafeAreaProvider)
in SafeAreaProvider (created by SafeAreaInsetsContext)
in SafeAreaProviderCompat (created by StackView)
in RCTView (created by View)
in View (created by GestureHandlerRootView)
in GestureHandlerRootView (created by StackView)
in StackView (created by StackNavigator)
in PreventRemoveProvider (created by NavigationContent)
in NavigationContent
in Unknown (created by StackNavigator)
in StackNavigator (at StackNavigator.js:20)
in StackNavigator (created by App)
in EnsureSingleNavigator
in BaseNavigationContainer
in ThemeProvider
in NavigationContainerInner (created by App)
in App (created by ExpoRoot)
in ExpoRoot
in RCTView (created by View)
in View (created by AppContainer)
in DevAppContainer (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:95:4 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:141:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo/build/errors/ExpoErrorManager.js:25:19 in errorHandler
at node_modules/expo/build/errors/ExpoErrorManager.js:30:24 in <anonymous>
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0
