BU şekilde kullanınca navigation çalışmıyor

TypeError: undefined is not an object (evaluating '_this.props.navigation.navigate')

Sorunu bir türlü çözemedim

Search .js

class Kamp extends Component olarak kullanıyorum

Home.js

const data = [

    {key: '1', component: <Header/>},
    {key: '2', component: <Arama />},
    { key: '4', component: <Search limit={6} /> },

];

const App = () => {
    return (
        <FlatList
            data={data}
            renderItem={({item}) => item.component}
        />
    );
}


Search.js


<TouchableOpacity
               onPress={() => {
               this.props.navigation.navigate('BlogDetay', {
                    initial: true,
                    AlanID: (item.id)
                })
             }}>