css - 有一个固定的当我滚动时它不会自行移动

Question

我想要一个背景图像，它占据所有屏幕并在我滚动时保持静止。

我在 React Native 项目中有这个组件：

<ImageBackground`     style={styles.backgroundImage}
 source={require('../assets/images/Fondo1b.jpg')}>
 ....
</ImageBackground>

它正在包装另一个组件，它具有这种风格：

  backgroundImage: {
    flex: 1,
    resizeMode: 'cover',
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height
  },

当我上下滚动时，它会随着屏幕移动： GIF 链接

在这里你可以看到它是如何随着滚动而移动的。

我需要它保持静态占用屏幕的大小，滚动时不移动也不移动我的 FAB（它是 Native Base 的 FAB，它有帮助......）有什么提示吗？

Answer 1

看一下这个。React Native 正是需要这个

https://medium.com/azimuth/adding-a-static-background-for-react-native-scrollview-79aa6b43e314

<ImageBackground style={styles.backgroundImage}/>  


  backgroundImage: {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
    position: "absolute",
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    zIndex: -1
  },