Invariant Violation: requireNativeComponent: "RCTImageSequence" was not found in the UIManager

[barkermn01]

Having a problem with the component this is using expo,

Invariant Violation: requireNativeComponent: "RCTImageSequence" was not found in the UIManager.
- node_modules\react-native\Libraries\ReactNative\getNativeComponentAttributes.js:29:4 in getNativeComponentAttributes
- node_modules\react-native\Libraries\Renderer\shims\ReactNativeViewConfigRegistry.js:104:25 in get
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:3988:53 in createInstance
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:14437:12 in completeWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17094:10 in completeUnitOfWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17304:30 in performUnitOfWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17316:41 in workLoop
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17417:15 in renderRoot
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18423:17 in performWorkOnRoot
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18324:24 in performWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18285:14 in performSyncWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18169:19 in requestWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17969:16 in scheduleWork
- node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:6934:17 in enqueueSetState
- node_modules\react\cjs\react.development.js:335:31 in setState

I'm using Typescript version of React-Native and these are the important bits of my code for rendering,

private MainComponent = WelcomeScreen;
public render() => (<this.MainComponent theme={this.theme}></this.MainComponent>)

----- Welcome Screen ----

public render() => (<View style={[this.props.theme.container, this.theme.container]}>
             <LinearGradient colors={['#2E318F', '#25C7CA']} style={{alignItems: 'center', width:this.windowWidth, height:this.windowHeight}}>
                <AnimatedLogo width={100} height={100}></AnimatedLogo>
            </LinearGradient>
        </View>
    ))

----- Animated Logo -----

private images : Array<{}> = [
    require('../../images/Logo_animated/icon_white_f0.png'),
    require('../../images/Logo_animated/icon_white_f1.png'),
    require('../../images/Logo_animated/icon_white_f2.png'),
    require('../../images/Logo_animated/icon_white_f3.png'),
    require('../../images/Logo_animated/icon_white_f4.png'),
    require('../../images/Logo_animated/icon_white_f5.png'),
    require('../../images/Logo_animated/icon_white_f6.png'),
    require('../../images/Logo_animated/icon_white_f7.png'),
    require('../../images/Logo_animated/icon_white_f8.png'),
    require('../../images/Logo_animated/icon_white_f9.png'),
    require('../../images/Logo_animated/icon_white_f10.png'),
    require('../../images/Logo_animated/icon_white_f11.png'),
    require('../../images/Logo_animated/icon_white_f12.png'),
    require('../../images/Logo_animated/icon_white_f13.png'),
    require('../../images/Logo_animated/icon_white_f14.png'),
    require('../../images/Logo_animated/icon_white_f15.png'),
    require('../../images/Logo_animated/icon_white_f16.png'),
    require('../../images/Logo_animated/icon_white_f17.png'),
    require('../../images/Logo_animated/icon_white_f18.png'),
    require('../../images/Logo_animated/icon_white_f19.png'),
    require('../../images/Logo_animated/icon_white_f20.png'),
    require('../../images/Logo_animated/icon_white_f21.png'),
    require('../../images/Logo_animated/icon_white_f22.png'),
    require('../../images/Logo_animated/icon_white_f23.png'),
    require('../../images/Logo_animated/icon_white_f24.png'),
    require('../../images/Logo_animated/icon_white_f25.png'),
    require('../../images/Logo_animated/icon_white_f26.png'),
    require('../../images/Logo_animated/icon_white_f27.png'),
    require('../../images/Logo_animated/icon_white_f28.png'),
    require('../../images/Logo_animated/icon_white_f29.png'),
  ];

  public render(): JSX.Element{
    return (
        <ImageSequence
            images={this.images}
            startFrameIndex={0}
            style={{width: this.props.width, height: this.props.height}} />
    );
  }

This is an intime exception on android using the simulator.

[pabdavis]

Same issue (not using expo though) - fixed by adding the following line to createAdditionalReactPackages (or possibly getPackages) method of MainApplication.java
packages.add(new RCTImageSequencePackage());

[Matzielab]

Same issue (not using expo though) - fixed by adding the following line to createAdditionalReactPackages (or possibly getPackages) method of MainApplication.java
packages.add(new RCTImageSequencePackage());

I think this would be the answer if you also show how you import the RCTImageSequencePackage at the top of the MainApplication.java file

[Matzielab]

Okay so i think i've figured this one out, for android that is.

as @paddavis said, you need to add packages.add(new RCTImageSequencePackage()); to the MainApplication.java

this of course needs an import at the top which will be: import dk.madslee.imageSequence.RCTImageSequencePackage;

then it should work, if it's not working you'll have to run the react-native link... etc from the ReadMe or manually link the android package (just google react native android manual linking)

[UISebastian]

I am having a similar issue with RTCVideoView: "Invariant Violation: requireNativeComponent: "RTCVideoView" was not found in the UIManager."
How do I know the correct import? I guess it should look something like: import something.RTCVideoView;

Thank you.

[bahaaTuffaha]

Same issue but I'm using expo .. any solutions?