Closed ybinstock closed 7 years ago
You'll need to position each element of Text with a position:'absolute'
in the style. This will ensure that elements do not affect each other.
To be concrete for your example you would put the style change in the wrapping view eg
<View style={{
position:'absolute'
}}>
<Text
onEnter={() => Linking.openURL("https://www.google.com").catch(err => console.error('An error occurred', err))}
please reopen as required
Description
Using React-VR, it's easy to have lines of text in front, to the left, and right of the user. But the width of each element is set by the amount of text, so the width is far too long.
Attempting to set the width to 3 for each element causes a weird bug where the height of the different elements are pushed down so that they are no longer on the same horizontal line.
Does anyone know why this happens or what the solution is?