withNavigation можно использовать только в иерархии представлений навигатора React Native paper

Question

Я использовал React Native paper BottomNavigation . Теперь я пытаюсь нажать кнопку «Назад» с навигацией на вкладке, и я получаю сообщение об ошибке

Инвариантное нарушение: withNavigation может использоваться только в иерархии представления навигатора. Завернутый компонент не может получить доступ к навигации из реквизита или контекста.

HomeScreen.js

import React from 'react'
import { View, StatusBar, Button} from 'react-native'
import { Subheading, withTheme } from 'react-native-paper'
import { withNavigation } from 'react-navigation';
import styles from '../assets/css/Style';  

class HomePageView extends React.Component { 
    render() {
        return (
            <View style={[styles.container]}>
                <StatusBar hidden />
                <View style={styles.row}>
                    <Subheading>Home Screen</Subheading>
                </View>
                <Button
                    title="Back"
                    onPress={() => {
                        this.props.navigation.goBack();
                    }}
                />
            </View>
        );
    }
}


function HomeScreen({ theme }) {
    const { colors } = theme
    return (<HomePageView style={[styles.container, { backgroundColor: colors.surface }]} />) 
} 


export default withNavigation(withTheme(HomeScreen)); 

Answer 1

Я думаю,

Вы используете реактивную нативную бумагу, а вместе с Навигацией принадлежит другая библиотека реагировать-навигация

, спасибо