行推到下一个视图反应导航

Question

我正在尝试从Row运行导航。我想点击行时按下一个视图。我正在使用来自react-navigation的StackNavigator。 Row是除List之外的其他文件。

ListView代码：

const MyScreen = ({ navigation }) => (
  <View style={styles.view}>
  <ListView
    style={styles.container}
    dataSource={this.state.dataSource}
    renderRow={Row}
  />
</View>
);

我的行：

const Row = (props) => (
    <TouchableOpacity onPress={() => props.navigation.navigate('Details', {name: 'Lucy'})}>

Answer 1

试试这个

renderRow={() => Row({navigation})}

您必须以props方式将Row传递给navigation.navigate，以便{{1}}发生。