Gridview item clickable

[susylPearl]

How to make gridview item clickable? is there any method to do that?

[alphasp]

You can wrap your view in one of the touchable components with onPress event below from react native https://facebook.github.io/react-native/docs/touchablehighlight.html

TouchableHighlight
TouchableNativeFeedback
TouchableOpacity
TouchableWithoutFeedback

[susylPearl]

can we wrap gridview in such components? or we should wrap gridview items in such components?

[alphasp]

wrap gridview item

var React = require('react-native');
var {
  View,
  Text,
  TouchableHighlight
} = React;
var GridView = require('react-native-grid-view');
var myApp = React.createClass({
  render: function() {
    return (
      <GridView
        items={this.state.movies}
        itemsPerRow={3}
        renderItem={this.renderItem}
      />
    );
  },
  renderItem: function(item) {
    return (
      <TouchableHighlight onPress={this.handleOnPress}>
        <View>
          <Text>item</Text>
        </View>
      </TouchableHighlight>
  },
  handleOnPress: function() {
    console.log("pressed!")
  }
});

[susylPearl]

Thanks, i have done it :) cheers