Skip to content

Calling RNImage Sequence subsequently after a setTimeOut causes memory leak  #29

@a4averma

Description

@a4averma

Consider the following example

Screen one

class LoadingScreen extends React.Component {
  componentDidMount() {
    setTimeout(() => {
      if (this.props.hasLoggedIn && this.props.hasDevices) {
        this.props.navigation.navigate("Main");
      } else if (this.props.hasLoggedIn && !this.props.hasDevices) {
        this.props.navigation.navigate("RegisterDevice");
      } else {
        this.props.navigation.navigate("BeMain");
      }
    }, 2500);
  }
  render() {
    return (
        <View style={styles.container}>
          <ImageSequence
            images={images}
            startFrameIndex={0}
            style={{
              width: 200,
              height: 200,
              alignSelf: "center"
            }}
          />
          <Spinner />
        </View>
    );
  }
}

Screen Two

export default class MainScreen extends React.Component {
  render() {
    return (
        <View style={styles.container}>
          <ImageSequence
            images={images}
            startFrameIndex={0}
            style={{ width: 150, height: 150 }}
          />
    );
  }
}

This causes a crash in signed release variant of the app. Debug app seems to work fine. How do I resolve this?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions