我正在尝试根据滚动偏移量为Text
的{{1}}设置动画,但是字体将仅应用fontSize
中的初始值,并且将不再更改。>
下面的代码块是我做过的几次尝试之一:
outputRange
我尝试将export const HeaderText = styled(Animated.Text)`
font-weight: bold;
color: #FFF;
background-color: transparent;
position: absolute;
left: 10;
bottom: 10;
${({ animation }) => css`
font-size: ${animation.scrollOffset.interpolate({
inputRange: [180, 200],
outputRange: [28, 18],
extrapolate: 'clamp'
}).__getValue()};
`}
`
传递给fontSize
,但是会抛出一个错误,表明它应该在attrs()
对象中传递(到目前为止,这是唯一的方法),所以我试图在style
中用style: {}
包围该块,但没有成功。我也尝试使用attrs()
,但什么也没做。
这是没有希望的,还是有一种晦涩的方式来实现这一目标?我只想用样式化组件将样式分离到另一个文件中?