如何在React Native中将<text>放在<text>的TOP上?

时间:2017-02-26 03:07:19

标签: react-native

我无法确定如何将<Text>组件放在另一个<Text>组件的顶部。

我尝试了zIndex但是没有对布局进行任何更改。 &#34;更多......&#34;文本组件仍在主<Text>区域之后呈现。

感谢一些帮助,我想拥有&#34;更多......&#34;文本项目,渲染 ON TOP OF 最后一个单词(&#34;精英&#34;)。

```

<View style={{paddingTop: 50, margin: 20}}>
  <Text
    style={{
    zIndex: 100,
   }}>
     <Text
       style={{
           zIndex: 104,
           backgroundColor: "green",
       }}>
           More...
     </Text>
  </Text>
</View>

``` enter image description here

1 个答案:

答案 0 :(得分:1)

尝试在第二个Text组件的样式中使用 position:&#34; absolute&#34; ,然后使用大小调整和左/上定位来获取它所需的位置。