Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

onCellSelect callbak is not working #42

Open
codalsrai opened this issue Nov 9, 2017 · 4 comments
Open

onCellSelect callbak is not working #42

codalsrai opened this issue Nov 9, 2017 · 4 comments

Comments

@codalsrai
Copy link

  • Working with RN 0.36.1, all functionality is working great except onCellSelect callback is not working, I want to perform a certain task if the user is selecting any cell, here is the code snippet :
    <AlphabetListView
    data={this.state.data}
    cell={Cell}
    cellHeight={30}
    sectionListItem={SectionItem}
    sectionHeader={SectionHeader}
    sectionHeaderHeight={28.5}
    onCellSelect={() => alert('Hello World')}
    Any help would be appreciated.
@xvbo
Copy link

xvbo commented Mar 22, 2018

For the same problem, there is no solution to the problem.

@jankowskip
Copy link

I do have same problem, i used cellProps to pass method to the CellComponent

cellProps={{onCellSelect: this.someFunction}}

@elizond0
Copy link

same problem . I use render Function return the content instead of CellComponent.

@yyd1142
Copy link

yyd1142 commented Oct 29, 2018

hello, you can refer to this example 👌

Example

class Cell extends Component {
  render() {
    return (
      <TouchableHighlight onPress={() => this.props.onSelect(this.props.item)}>
                <View style={{ height: 30 }}>
                    <Text>{this.props.item}</Text>
                </View>
       </TouchableHighlight>
    );
  }
}
//...
class MyComponent extends Component {
  someFunction(value) {
       console.log(value)
  }
  render() {
    return (
      <AlphabetListView
        data={this.state.data}
        cell={Cell}
        cellHeight={30}
        sectionListItem={SectionItem}
        sectionHeader={SectionHeader}
        sectionHeaderHeight={22.5}
        onCellSelect={(value) => this.someFunction(value)}  //<=  onCellSelect()
      />
    );
  }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants