反应VR边框不起作用

Question

我想在我的文本周围加上边框。

<View style={{ borderRadius: 1, borderWidth: 1, borderColor:'#FF0000',}}>
<Text style={{
fontSize: 0.8,
fontWeight: '400',
layoutOrigin: [0.5, 0.5],
paddingLeft: 0.2,
paddingRight: 0.2,
textAlign: 'center',
textAlignVertical: 'center',
transform: [{translate: [0, 0, -3]}],
}}>
hello
</Text>
</View>

如果我将边框宽度保留为 1，我会看到问候，但我看不到边框。 如果我将边框宽度更改为 10 之类的值，则看不到任何内容。 如何在问候文本中添加边框？

Answer 1

边框确实有效，但默认情况下，您的视图位于场景的中心，即摄像机视图所在的位置。您真正想做的是在根视图上设置 layoutOrigin，以及翻译，以便所有组件都在那里正确呈现。

这应该这样做：

<View style={{ 
borderRadius: 1, 
borderWidth: 1, 
borderColor:'#FF0000',
transform: [{translate: [0, 0, -3]}],
layoutOrigin: [0.5, 0.5],
}}>
<Text style={{
fontSize: 0.8,
fontWeight: '400',
paddingLeft: 0.2,
paddingRight: 0.2,
textAlign: 'center',
textAlignVertical: 'center',
}}>hello</Text>
</View>

这应该在文本周围正确显示边框，尽管您会注意到边框的宽度太大，因为单位不是指像素，而是 3D 世界中的米。