1
我有一個包含在ListView組件中的元素列表。我的元素是用.json中的數據構建的。導航不適用於ListView中的行
我與列表屏幕是建立這樣的:
ListBillScreen.js
<View style ={styles.header}>
<Text style = {styles.textHeader}> Vos Factures </Text>
</View>
<ListView
style={styles.listView}
dataSource={this.state.dataSource}
renderRow={(data) => <Row {...data} />}
renderSeparator={(sectionId, rowId) => <View key={rowId} style={styles.separator} />}
/>
<View style = {styles.footer}>
<TouchableHighlight onPress={this.goAdd.bind(this)}>
<Image style={ styles.image } source={require('../Images/add_blue.png')}/>
</TouchableHighlight>
</View>
<AndroidBackButton
onPress={this.popIfExists.bind(this)}
/>
</ScrollView>
);
正如你所看到的,我已經在渲染排線
renderRow={(data) => <Row {...data} />}
行參考號
個Row.js
import React from 'react';
import { View, Text, StyleSheet, Image, Alert, TouchableHighlight, Navigator} from 'react-native';
import styles from './Styles/RowStyles'
const Row = (props) => (
<TouchableHighlight onPress={() => Alert.alert("Redirection " +
props.name)}>
<View style={styles.container}>
<Image source={{ uri: props.picture}} style={styles.photo} />
<Text style={styles.text}>
{`${props.name}/${props.price} euros`}
</Text>
</View>
</TouchableHighlight>
);
export default Row;
取而代之的
{() => Alert.alert("Redirection " + props.name)}>
我想作一個重定向與功能:
goAdd(){
this.props.navigator.push({ screen: 'BillScreen' });
}
但是,如果做到這一點,我有一個錯誤告訴我this.props.navigator在這種情況下不起作用。但在其他班級,我正在這樣做,一切都很好。
有人有解決方案嗎?謝謝大家!
由於它是!再次感謝= D –