react-native-facebook-keyframes
react-native-facebook-keyframes copied to clipboard
KeyframesView renders differently for iOS and Android
I have the same code running on both iOS and Android and they are rendering differently.


As you can see, the Android one is much larger than the iOS one. Here is my code:
import React, {Component} from 'react'
import {View} from 'react-native'
import KeyframesView from 'react-native-facebook-keyframes'
export default class extends Component {
constructor(props) {
super(props)
this.state = {
paused: true,
seek: null
}
}
componentDidMount() {
setTimeout(() => {
this.setState({seek: 0.0}, () => this.setState({paused: false}))
}, 1)
}
render() {
const defaultStyle = {
height: 100,
width: 100
}
return (
<View style={{backgroundColor: 'red'}}>
<KeyframesView
paused={this.state.paused}
seek={this.state.seek}
style={defaultStyle}
src={require('../../resources/animations/burger.json')}/>
</View>
)
}
}
react: 16.0.0-alpha.6 react-native: 0.44.0 iOS 10 Android 7.1