React Navigator is not working and not moving to next Screen

Question

I am trying to perform navigation between two screens but it is not working. here is my code.

<FlatList
            style={{ paddingBottom: 5 }}
            data={this.state.fetchFreelancer}
            keyExtractor={(y, z) => z.toString()}
            renderItem={({ item }) => (
                <TouchableOpacity   
      // onPress={() => navigate('Details', {id: item.id})}
             onPress={() => this.props.navigation.navigate('DetailFreelancerScreen', {profile_id: item.profile_id})}
            //onPress={() => alert(item.profile_id)}
                >
                <FreelancerCategory
                    imageUrifreelancer = {{uri: `${item.profile_img}`}}
                    imageUrifeatured = {{uri: `${item.badge.badget_url}`}}
                    featuredColor ={`${entities.decode(item.badge.badget_color)}`}
                    flagimageUri= {{uri: `${item.location.flag}`}}
                    freelancername={`${entities.decode(item.name)}`}
                    title={`${entities.decode(item._tag_line)}`}
                    rate={`${entities.decode(item._perhour_rate)}`}
                    country={`${entities.decode(item.location._country)}`}
                /> 
            </TouchableOpacity>
            )}
          />

the code looks fine,check if `DetailFreelancerScreen` is in the same navigation stack — Vinil Prabhu, May 24 '19 at 09:14
@VinilPrabhu please check my this question and please answer... https://stackoverflow.com/questions/56287258/how-to-use-two-const-in-createappcontainer-in-react-native — S.Hashmi, May 24 '19 at 09:20

score 1 · Answer 1 · answered May 24 '19 at 11:04

1

You should pass the navigation prop in to screen.

ref

answered May 24 '19 at 11:04

Shankar S Bavan

922
1
12
32

React Navigator is not working and not moving to next Screen

1 Answers1