我正在经历一个错误,它报告如下(通过iOS测试):
无法读取null的getScrollableNode属性
当尝试使用react-native的Animated和styled-components样式工具来处理react和react-native时。
这是我创建的
无法读取null的getScrollableNode属性
当尝试使用react-native的Animated和styled-components样式工具来处理react和react-native时。
这是我创建的
<Logo />
组件的示例:import React from 'react';
import { Image, Dimensions } from 'react-native';
import styled from 'styled-components/native';
const { width } = Dimensions.get('window');
const logoWidth = width - (width * 0.2);
const logoHeight = logoWidth * 0.4516;
const SLogoImage = styled(Image)`
width: ${logoWidth};
height: ${logoHeight};
`;
const Logo = ({ ...rest }) => (
<SLogoImage
source={require('../assets/logo.png')}
{...rest}
/>
);
export default Logo;
我随后将此组件导入到我的场景之一中,我想对其应用动画:
import React from 'react';
import { View, Animated } from 'react-native';
import Logo from '../components/Logo';
const ALogo = Animated.createAnimatedComponent(Logo);
class HomeScene extends Component {
state = {
fadeAnim: new Animated.Value(0)
}
componentDidMount() {
Animated.timing(
this.state.fadeAnim,
{ toValue: 1 }
).start()
}
render() {
<View>
<ALogo style={{ opacity: this.state.fadeAnim }} />
</View>
}
}
export default HomeScene;
这导致了上述错误,尝试通过谷歌搜索并未找到任何解释。如有必要,请随时请求进一步的细节。
相关 GitHub 问题: https://github.com/styled-components/styled-components/issues/341