Not working with DPad in AndroidTV

[skkakadiya]

I used this library for showing the carousel in my React Native TV app. It working fine with Apple TV(tvOS) but when I run this in Android TV, the image will not change on the left and right direction.

Code:

<Carousel
    style={{ flex: 1 }}
    ref={(ref) => { this.carousel = ref; }}
    autoplay={false}
    bullets
    isLooped={false}
    onAnimateNextPage={(p) => { if(p === 3) { Actions.login() }}}
>
    <Image style={styles.image} source={require('./images/background.jpg')} />
    <Image style={styles.image} source={require('./images/onboarding_1.jpg')} />
    <Image style={styles.image} source={require('./images/onboarding_2.jpg')} />
    <Image style={styles.image} source={require('./images/onboarding_3.jpg')} />
</Carousel>

Also, it shows half move image when I press left or right from DPad.

RN info: Environment: OS: macOS High Sierra 10.13.4 Node: 10.3.0 Yarn: Not Found npm: 6.4.0 Watchman: 4.9.0 Xcode: Xcode 9.4 Build version 9F1027a Android Studio: 2.3 AI-162.4069837

Packages: (wanted => installed) react: 16.3.1 => 16.3.1 react-native: ~0.55.2 => 0.55.4