Question

我有这样的视图和图像。

zoo

这是我要添加到其中的样式。

library(data.table)
library(zoo)
test = data.table("values" = c(1,2,3,4,5,6,7,8, 9,10,11,12), 
                  "category" = c(1,1,1,1,1,1,2,2,2,2,2,2))
test[, paste0("ravg_", c("values")) := shift(lapply(
  .SD, rollmean, k = 2, na.pad = TRUE, align = "right"), 1), 
  .SDcols = c("values"), by = category]

    values category ravg_values
 1:      1        1          NA
 2:      2        1          NA
 3:      3        1         1.5
 4:      4        1         2.5
 5:      5        1         3.5
 6:      6        1         4.5
 7:      7        2          NA
 8:      8        2          NA
 9:      9        2         7.5
10:     10        2         8.5
11:     11        2         9.5
12:     12        2        10.5

但是，样式“ currentUserImageStyle”的图像仍然隐藏在底部。单击它可以看到该图像，但不能正常看到该图像。我在React Native中找不到类似z-index的东西，使用绝对位置仍然可以看到图像的任何帮助吗？

编辑：这是我想要我的userImage的PopularImage样式。

<View style={styles.popularImageViewContainer}>
     <Image style={styles.popularImageStyle} source={{uri: //imgURI }} />
</View>

<View style={styles.currentUserImageContainerStyle}>
     <Image style={styles.currentUserImageStyle} source={{uri://imgURI }} />
</View>

Answer 1

实际上，z-index由您在render（）函数中确定。放置组件的顺序决定z索引。由于您使用的是绝对位置，因此请尝试

<View style={styles.currentUserImageContainerStyle}>
           <Image style={styles.currentUserImageStyle} source={{uri://imgURI }} />
    </View>
<View style={styles.popularImageViewContainer}>
          <Image style={styles.popularImageStyle} source={{uri: //imgURI }} />
        </View>

Answer 2

问题是由"AppSettings": { "CORS-Settings": { "Allow-Origins": [ "http://localhost:8000" ], "Allow-Methods": [ "OPTIONS","GET","HEAD","POST","PUT","DELETE" ] } }图片或DOM中的其他元素引起的吗？您对视图的排序要求.popularImageStyle应该显示在其他图像的顶部，因此问题可能是由其他地方引起的。

根据文档，有一个zIndex道具可以使用，但是有一种更好的方法可以实现所需的z顺序，而且非常简单：只需移动userImage .currentUserImageStyle在所有应该位于其之前的其他元素之后 –在层次结构中稍后显示的元素具有优先于较早元素的优先级，如以下小吃所示：https://snack.expo.io/@siavas/stackoverflow-53970973

如果上述解决方案与您不相关（取决于您的总体层次结构），只需将zIndex属性添加到您的View中，它的行为将与您在CSS中期望的相同：

styles.currentUserImageContainerStyle

Answer 3

这可能是在您的组件或render（）函数中弄乱了东西。尝试删除内容以查看图像开始显示的位置。 https://snack.expo.io/rJrojU8-N正常工作，我做了一个简单的点心，表明您尝试的工作正在应有的状态。所以问题不存在

在反应本机中绝对位置后隐藏的图像

3 个答案: