я нахожусь во вкладке навигатора, когда я хочу перейти на другой экран, левый вид все еще там
, когда я нажимаю на основное изображение, он должен перейти на другой экран ![when i press on the main image it should navigate to another screen](https://i.stack.imgur.com/917Ie.jpg)
ей виден левый вид еще там !! ![the left view still there !!](https://i.stack.imgur.com/DOyqo.png)
так, как перемещаться вне контейнера вкладок, я пытаюсь использовать это решение с навигационной службой, но оно не работает
https://reactnavigation.org/docs/en/navigating-without-navigation-prop.html
render() {
return (
<Container >
<Headerstyle navigation={this.props.navigation} title={this.state.project_name} />
<View style={{ flexDirection: 'row', backgroundColor: '#1a1a1a', flex: 1, justifyContent: 'center', }}>
<View style={{ width: wp('30%'), paddingLeft:wp('2%'),paddingTop:hp('2%'), borderRightWidth: 0.5, borderRightColor: 'gray' }}>
<Text style={{ color: '#bfb288', width: wp('20%'), fontSize: hp('3%') }}>DETAILS</Text>
<View style={{ height: hp('45%') }}>
<ScrollView>
<Text style={{ color: 'white', width: wp('20%'), fontSize: hp('3%') ,marginTop:hp('2%') }}>{this.props.data.project_description}</Text>
</ScrollView>
</View>
<View style={{width: wp('28%'),alignItems:'center'}}>
<View style={{ backgroundColor: '#242426', width: wp('20%'), height: hp('28%'), marginTop: hp('2%'), justifyContent: 'center', alignItems: 'center' }}>
<Image
source={{ uri: this.props.data.main_image }}
style={{
width: hp('15%'),
height: hp('15%')
}}
resizeMode={'stretch'}
/>
</View>
</View>
</View>
<AppContainer />
</View>
</Container>
);
}