Css 如何在React Native中围绕视图包装文本？

我想创建一个组件，它将在右上角显示一个名为label的视图，并在其周围显示一些文本，类似于使用CSS时在web布局上显示的内容。标签和文本的长度可能不同。我已经尝试了一段时间，使文本从第二行开始在标签下面进行包装和展开，但没有成功

这是我目前的代码：

我的同僚们都是暂时的精英
标签1234

以及生成的渲染：

这是我想要得到的：

---

最简单但有点“黑”的方法是使用

float:right，正如您已经尝试过的。为此，必须在外部视图和浮动视图后面的文本组件上将flex样式设置为“初始”。此外，这仅在浮动元素位于第一位时有效

<View style={{display: 'initial', borderWidth: 1}}>
    <View style={{float: 'right'}}>
        <Text style={{backgroundColor: 'wheat'}}>
            label 1234
        </Text>
    </View>
    <Text
        style={{display: 'initial'}}
        numberOfLines={3}
    >
        lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor ydrgsr serg er
    </Text>
</View>


标签1234
同一天，我们将继续为精英们提供临时服务

实时示例：
视图周围的包装文本在RN中不受开箱即用的支持…您能否显示所需输出的
图像
示例？从任何地方？？？@KartikeyVaish我刚刚添加了一个使用html/css制作的示例。请检查这是否对您有帮助我不确定您是否可以完成此操作，因为
flexDirection:row
样式。您可能想尝试将标签文本置于绝对位置。它似乎在iOS上不起作用。