图像不随页面滚动本机反应

Question

react-native的新功能，我试图创建一个注册页面，并在页面顶部放置一个图像。

我已经实现了这一点，但是图像没有随页面滚动。由于表单很长，并且当焦点位于textbox并且keyboard控件试图填充表单时，表单滚动会在image保持静态的情况下出现。

样式：

imageContainer: {
    flex: .7,
    width: null,
    height: null
  },
  logoContainer: {
    flex: .7,
    marginTop: deviceHeight / 8,
  },
  logo: {
    position: "relative",
    left: Platform.OS === "android" ? 25 : 50,
    top: Platform.OS === "android" ? 35 : 60,
    width: 365,
    height: 100
  },
  title: {
    fontSize: 45,
    fontWeight: "300",
    color: "#FFF",
    fontFamily: "'Quicksand', sans-serif"
  },
  titleButton: {
    height: 45,
    lineHeight: 45,
    fontSize: 11,
    textTransform: "uppercase",
    letterSpacing: 2.5,
    fontWeight: 500,
    color: "#000 !important",
    backgroundColor: "#85C227",
    border: "none",
    borderRadius: 45,
    cursor: "pointer",
    outline: "none",
    paddingLeft:40,
    paddingRight:40,
    textAlign: "center  !important",
    alignSelf: "center" 
  }
  ,
  text: {
    color: "#FFF",
    bottom: 6,
    marginTop: 5,
    fontSize: 30,
  },
  container: {
    flex: 1,
  },

  firstrow: {
    flex: .7,
  },

  secondrow: {
    flex: 2,
  }

Answer 1

对于您的用例，您应该使用Image而不是ImageBackground。

ImageBackground的position可能设置为SKPaymentQueue.default().remove(self) 。 设置相对于父级的图像位置（在本例中为整个屏幕）

您可以删除此行，因为absolute的默认值为position。

Answer 2

Dimensions弄乱了您的观点。首先，请使用const height = Dimensions.get('window').height根据屏幕高度对屏幕进行分区。 ScrollView。然后用Apply

包装视图