Navigation to another screen with data fetched in FlatList

Jeet

I am trying to navigate to another screen with the value which I fetched in my FlatList.

Just for example :

renderItem={({item}) =>(
     <Text style={styles.FlatListItemStyle} 
        onPress={() => {props.navigation.navigate('AnotherScreen', {item: item.Value1})}} > ID : {item.Value1}
    </Text>
})

here is navigation js.

<Stack.Screen
      name='OneScreen'
      component={OneScreen}
      options={({ route }) => ({
              title: route.params.item.Value1
            })}
/>

so I want to navigate to another screen which uses Value1 as an argument.

but I am getting undefined.

Please help me.

Guruparan Giritharan

It should be item not item.value

<Stack.Screen
      name='OneScreen'
      component={OneScreen}
      options={({ route }) => ({
              title: route.params.item
            })}
      />

You are passing the prop {item:item.value1} so the prop is item thats why you are getting undefined

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

flatlist extends out of the screen

react native Flatlist navigation

Display error messages and fetched data in php from another php file

Updating State of Another Screen in React Navigation

Passing Data to Screen from FlatList Component

can't pass data from FlatList via react navigation

Flutter send fetched data to navigation bar item

Open another screen React-navigation 3.. flatlist

Can I call props.navigation in Flatlist data?

How to send fetched data in Splash Screen Activity to other activity in Kotlin?

How to navigate to a new screen after data is fetched from API in Flutter?

Navigating to screen in another navigator in React Navigation 5

React Native Navigation : passing data between screen

React Native: Can i add items into flatlist that is in another screen,

How to modify data structure fetched from elasticsearch to render item in a react native flatlist?

React passing fetched data to another component

how to replace an entire array with another array from fetched data in javascript

Save a params navigation which is in a flatlist, and display it in another screen

Flatlist doesn't refresh after passing another data to it

Pages loading on top one another when data not fetched in ngOnInit()

React-Native FlatList item clickable with data to another screen

send data to another flutter screen

React pass fetched data from API to another component

Navigate to another screen - 'navigation.navigate' is not a function

React Navigation Push screen inside another tab

Pass Flatlist value item to another Navigation Container React Native

Navigation goBack() can go to exact height of Flatlist of previous screen?

How to fetch from one API using data fetched from another?

SwiftUI realm database Issue passing the fetched data to another view

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  3. 3

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  4. 4

    pump.io port in URL

  5. 5

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  8. 8

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

  9. 9

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  10. 10

    How to remove the extra space from right in a webview?

  11. 11

    java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

  12. 12

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  13. 13

    flutter: dropdown item programmatically unselect problem

  14. 14

    How to use merge windows unallocated space into Ubuntu using GParted?

  15. 15

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  16. 16

    Nuget add packages gives access denied errors

  17. 17

    Svchost high CPU from Microsoft.BingWeather app errors

  18. 18

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  19. 19

    12.04.3--- Dconf Editor won't show com>canonical>unity option

  20. 20

    Any way to remove trailing whitespace *FOR EDITED* lines in Eclipse [for Java]?

  21. 21

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

HotTag

Archive