如何设置组件的样式以隐藏在另一个组件的后面

Question

我对本机作出反应还很陌生，我试图了解如何设置两个组件的样式以相互拦截。希望一个组件在另一个组件后面移动，就像它们在Photoshop中一样。我想要实现这一点，以便可以对隐藏组件的样式进行动画处理，以在按下可触摸不透明度时自我显示出来。但是我对动画没问题，在那里我不需要任何帮助。我只需要指导如何正确设置组件的样式以隐藏在另一个组件的后面。

这是我正在使用的两个组件，一个包含在可触摸不透明度（文本框）中的文本组件，以及一个发布日期。两者都包含在主视图组件中。

notificationManager.notify(NOTIFICATION_ID, notification)

Answer 1

您可以在样式中使用position：'absolute'和zIndex来获取视图图层。 下面的样式会将dateContainer放置在文本组件上方和文本组件的一角。您可以使用左，右，顶部或底部定位视图。

 dateContainer: {
    position: 'absolute',
    flex: 1,
    paddingHorizontal: 2,
    top: 30,
    alignSelf: 'flex-end',
    zIndex: 1000,
  },