前提・実現したいこと
ReactNavigationで実装されているヘッダーメニューを消したいと思い、該当コードをコメントアウトしたら表題のエラーが発生しました。
具体的にコメントアウトしたコードは以下の通りです。
<Stack.Screen name="Learn" component={LearnScreen} />
発生している問題・エラーメッセージ
TypeError: undefined is not an object (evaluating 'route.params.big_image_type')
該当のソースコードの抜粋
type Props = { navigation: AllImageStackParamList; }; const Stack = createStackNavigator<AllImageStackParamList>(); export function WrapImagesScreen({ navigation }: Props) { return ( <Stack.Navigator initialRouteName="Learn" screenOptions={{ headerStyle: { backgroundColor: Colors.MAIN, }, headerTintColor: '#fff', }}> {/* <Stack.Screen name="Learn" component={LearnScreen} /> <Stack.Screen name="ImageTypes" component={ImageTypesScreen} options={({ route }) => ({ title: route.params.big_image_type.name, })} /> <Stack.Screen name="Images" component={ImagesScreen} options={({ route }) => ({ title: route.params.image_type_name, })} /> <Stack.Screen name="ImageDetail" component={ImageDetailScreen} options={({ route }) => ({ title: '', })} /> <Stack.Screen name="Ask" component={AskScreen} options={({ route }) => ({ title: '', })} /> <Stack.Screen name="Visiter" component={VisiterScreen} options={({ route }) => ({ title: route.params.visiter.name, headerLeft: undefined, })} /> <Stack.Screen name="Note" component={NoteScreen} options={({ route }) => ({ title: '', })} /> </Stack.Navigator> ); }
補足情報(FW/ツールのバージョンなど)
React-Native
Typescript
回答1件
あなたの回答
tips
プレビュー