使用样式化组件为React Native的Text的fontSize设置动画

时间:2019-09-04 00:57:04

标签: react-native styled-components react-animated

我正在尝试根据滚动偏移量为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(),但什么也没做。

这是没有希望的,还是有一种晦涩的方式来实现这一目标?我只想用样式化组件将样式分离到另一个文件中?

0 个答案:

没有答案