React native显示不正确的元素度量

时间:2018-04-15 07:59:23

标签: reactjs react-native

我只想得到这个元素的测量值,不真实。

元素

fprintf()

样式:

(void) vfprintf (stdout, format, arg);

然后我在<View style={styles.top}> <Animated.View style={[styles.textWrapper]}> <Text onLayout={(event) => { this.layout = event.nativeEvent.layout; }} style={[styles.text]}>Hola</Text> </Animated.View> </View>

中记录元素的度量
top: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
},
textWrapper: {
    justifyContent: "center",
},
text: {
    position: 'absolute',
    fontSize: 60
}

/// 0,-35.23232323,75.3434234234,32.22323434     }

Here's the snack

即使在视觉上,元素位于屏幕中央的某个位置,您也可以看到数字完全错误。

当我看到元素出现在屏幕上时,componentDidMount怎么可能是否定的?

enter image description here

1 个答案:

答案 0 :(得分:0)

对于Text元素,您使用了position: "absolute"样式道具,但没有提供lefttopbottom或{{ 1}}道具。 如果您向right元素添加left:0, top:0样式道具,则Textx的结果将为y而不是负数:

0

最后一个问题:

  

当我看到元素出现时,怎么甚至是负面的呢?   屏幕?

我们可以看到它只是因为没有其他不透明元素覆盖元素。