Parameter Routes in react-native - react-native

Question

Formy post screen I want to take the title and body of each one
import React, { Component } from 'react';
import { StyleSheet, TouchableOpacity, Image, Text, View, Dimensions, TouchableWithoutFeedback } from 'react-native';
import { withNavigation } from 'react-navigation';
class Card extends Component {
render() {
return (
<TouchableWithoutFeedback onPress={() => this.props.navigation.navigate('Post')}>
<View style={{
flexDirection: 'row',
backgroundColor: 'white',
borderBottomWidth: 1,
borderRightWidth: 1,
borderLeftWidth: 1,
borderColor: 'rgba(200,200,200,0.3)',
borderRadius: 6,
width: '86%',
maxHeight: 120,
minHeight: 120,
alignSelf: 'center',
marginBottom: 5
}}>
<Image style={{
width: 100,
maxHeight: 100,
minHeight: 100,
borderRadius: 20,
}}
source={{ uri: 'https://im.ziffdavisinternational.com/ign_br/screenshot/default/screenshot-2_5s54.png',
}}
/>
<View style={{
width: '66%',
padding: 5}}
>
<Text style={{
fontSize: 14,
fontWeight: 'bold',
fontFamily: 'verdana',
}}
numberOfLines={2}
>
{this.props.item.title}
</Text>
<Text style={{
fontSize: 12,
marginTop: 5
}} numberOfLines={3}
>
{this.props.item.body}
</Text>
</View>
</View>
</TouchableWithoutFeedback>
);
}
}
export default withNavigation(Card);

Answer 1

The question is very unclear about what you want to accomplish with a very little piece of information.
If the question is about passing parameters from a screen to another (in this case, title and body), using react navigation, then you just have to change your navigate function in the TouchableWithoutFeedback to:
this.props.navigation.navigate('Post',{ "title":this.props.item.title, "body": this.props.item.body })
Then, when you want to use them in the destination screen (in this case, Post), you can access them using:
this.props.navigation.state.params.title //or this.props.navigation.state.params.body
or do
var title=this.props.navigation.getParam("title")