How to navigate to another page when click on text inside react-native-tab-view?

[prajna-h]

I am trying to navigate to navigate to another page when click on data inside the second tab. It gives "Undefined is not an object evaluating navigation.navigate". My first question is can we navigate to another page when inside the tabs? if yes how? if no any alternative solution?

import React, { useState, useEffect } from 'react'; import { View, FlatList, ScrollView, RefreshControl, StyleSheet, Dimensions } from 'react-native'; import { TabView, SceneMap } from 'react-native-tab-view'; import { Button, withTheme, Appbar, Divider, List, Chip, Menu, Card, Paragraph, Title } from 'react-native-paper'; import Icon from 'react-native-vector-icons/AntDesign'; import AsyncStorage from '@react-native-community/async-storage';

const requestedItems = [];

const Edit = () => { const [data, setData] = useState([{ 'name': 'abc', 'id': '1' }, { 'name': 'xyz', 'id': '2' }]); return (

index.toString()} ItemSeparatorComponent={() => } renderItem={({ item }) => ( navigation.navigate('edit', { details: item, isEdit: false })} titleStyle={{ textDecorationLine: 'underline', color: 'blue' }} /> )} />

) }

const Draft = () => { return (

) }

const initialLayout = { width: Dimensions.get('window').width };

const Requests = ({ navigation }) => { const [index, setIndex] = React.useState(0); const [routes] = React.useState([ { key: 'draft', title: 'Draft' }, { key: 'edit', title: 'Edit' }, ]);

const renderScene = ({ route }) => { switch (route.key) { case 'draft': return ; case 'pending': return ; } };

const _back = () => { navigation.goBack() }

const _navigateToEdit = () => { navigation.navigate('edit', { details: [], isEdit: false }) }

return ( <>

()} onPress={_back} /> ()} onPress={_navigateToEdit} /> ); } const styles = StyleSheet.create({ scene: { flex: 1, }, }); export default Test;

[holgergp]

This does not seem to be related to the frontend-maven-plugin.

[eirslett]

Yes, this issue is filed in the wrong GitHub project.