Question

我正在尝试使用View组件样式动画。我按照此处列出的示例进行操作：https://facebook.github.io/react-native/docs/animations.html

但是，当我渲染我的组件时，我收到错误：

[tid：com.facebook.React.ShadowQueue] [RCTConvert.m：55]使用标记＃7设置RCTView的属性“height”时出错：JSON值为“{ “_animation”=“”; “_children”=（）; “_listeners”= { }; “_offset”= 0; “_value”= 200; }'类型NSDictionary无法转换为NSNumber

这就是我在构造函数中设置Animated值的方法：

  constructor() {
    super();
    this.state = {
      titleContainerHeight: new Animated.Value(200),
    }
  }

以下是我的观点：

<View style={[styles.titleContainer,{height:this.state.titleContainerHeight}]}>
  <Text style={[{color: 'white'}]}>App logo here</Text>
</View>

似乎我正在处理文档描述的所有内容，并且我在另一个组件中执行相同的操作而不会出现任何错误。那么，这里有什么问题？

Answer 1

啊没关系，我发现我做错了什么。我忘了专门使用“Animated.View”组件。这有效：

<Animated.View style={[styles.titleContainer,{height:this.state.titleContainerHeight}]}>
  <Text style={[{color: 'white'}]}>App logo here</Text>
</Animated.View>

无法将React Native Animated值设置为View组件CSS样式

1 个答案: