动画：文本字符串必须在 <Text> 组件中呈现

Question

不知道为什么我会收到此错误有人可以提供帮助吗？没有正在呈现的文本

render() {

const { width, height } = Dimensions.get('window')
        const animatedHeight = {
                        transform : this.animated.getTranslateTransform()
        }
        return (
            <Animated.View style={{flex:1, backgroundColor:'red'}}>
                <Animated.View style={[animatedHeight, { position: 'absolute', left: 0, right: 0, zIndex: 10, backgroundColor: 'white', height: height }]}>

                </Animated.View>
            </Animated.View>

        )
    }

Answer 1

我猜这是由隐藏在 Animated.View 个子项中的空格引起的。 Self-enclosed标签应该可以解决问题。

<Animated.View
  style={[
    animatedHeight, 
    {
      position: 'absolute',
      left: 0, 
      right: 0, 
      zIndex: 10, 
      backgroundColor: 'white', 
      height: height
    }
  ]}
/>

动画：文本字符串必须在 <Text> 组件中呈现

Anim: Text strings must be rendered within a <Text> component

reactjs

react-native

react-animated