Question

我正在尝试通过React Native实现相同的效果：

{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: center right no-repeat;
  background-size: contain;
  background-image: url(/static/media/background.png);
}

到目前为止，我可以使图像与屏幕的中心对齐，但不能与屏幕的中心对齐（因为不能使用相同的属性）。

Answer 1

先阅读此内容 https://facebook.github.io/react-native/docs/flexbox.html#flex-direction

float属性在React Native中不存在，但是有很多选项可供您使用（行为略有不同），这些选项使您可以右对齐文本/图像（请阅读上面的doc链接））。

现在让我们回到您的答案。您可以直接指定项目的对齐方式，例如：

textright: {    
  alignSelf: 'flex-end',  
},

右对齐背景图片

1 个答案: