Question

我正在尝试从列表中打开一个项目，但我的项目代码在另一个js中。当我尝试使用onPress方法时，没有任何操作。我也在使用Swipeout。

这是我的JobList.js，我正在渲染我的项目列表。

class JobItem extends Component {
  render() {
    return (
      <Swipeout {...swipeSettings}>
        <View style={styles.jobContainer}>
          <View>
            <Text style={styles.postTitle}>{this.props.title}</Text>
            <Text style={styles.postShortDescription}>{this.props.shortDescription}</Text>
          </View>
          <View>
          <Image 
            style={styles.postLogo} 
            source={{uri: '' + this.props.logo + ''}}/>
          </View>
        </View>
      </Swipeout>
    )
  }
};

这是我的JobItem.js

{{1}}

我知道如何解决这个问题？

Answer 1

您需要将<Swipeout {...swipeSettings}> <TouchableWithoutFeedback onPress={this.props.onPress}> //... other children here </TouchableWithoutFeedback> </Swipeout>道具传递给子组件才能使其正常工作。

{{1}}

如何在列表和项目之间导航？

1 个答案: