Add givePageIndex() to provide the index of the scrolled page to a prop function

[lowewenzel]

Example usage:

...
getPageIndex = (pageIndex) => {
  this.setState({
    pageIndex,
  });
}

render() {
  return (
    <Onboarding givePageIndex={this.getPageIndex}
       ...

[jfilter]

Thanks for your work!

I renamed the prop to pageIndexCallback. The full example is then:

...
getPageIndex = (pageIndex) => {
  this.setState({
    pageIndex,
  });
}

render() {
  return (
    <Onboarding pageIndexCallback={this.getPageIndex}
       ...

[ilbertt]

I have a problem with this callback.
My code:

const [pageIndex, setPageIndex] = useState(0);

const changePageHandler = (index) => {
    setPageIndex(index);
}

<Onboarding pageIndexCallback={changePageHandler}
       ...
/>

I get this warning:

Warning: Cannot update a component from inside the function body of a different component.
at [native code]:null in dispatchAction
at screens/StartScreen.tsx:74:8 in StartScreenComponent
at [native code]:null in performSyncWorkOnRoot
at [native code]:null in callFunctionReturnFlushedQueue

I also tried to wrap changePageHandler in a useCallback hook, but the warning persists.

[lucidprojects]

I have the same problem as @Luca8991. Did anyone find a solution?