React native 当屏幕大小不同时,我应该如何处理绝对位置?

React native 当屏幕大小不同时,我应该如何处理绝对位置?,react-native,imagebackground,React Native,Imagebackground,我想在react native中使用ImageBackground来显示特定位置的文本 当使用调整大小模式作为包含时,如何为不同的屏幕大小指定不同的绝对位置 this.setLayout(event.nativeEvent.layout)} > 正文1 文本2 使用尺寸标注给出左右位置。示例如下: import { Dimensions } from 'react-native'; const window = Dimensions.get('window'); <View styl

我想在react native中使用ImageBackground来显示特定位置的文本

当使用调整大小模式作为包含时,如何为不同的屏幕大小指定不同的绝对位置

this.setLayout(event.nativeEvent.layout)}
>
正文1
文本2

使用尺寸标注给出左右位置。示例如下:

import { Dimensions } from 'react-native';

const window = Dimensions.get('window');

<View style={{
      flexdirection:'row', 
      justifyContent:'space-between',
      marginLeft:(window.width)*0.3,
      marginRight:(window.width)*0.5,
      top:(window.height)*0.25,
      position: "absolute",
}}>
 <Text>Text One </Text>
 <Text>Text Two </Text>
</View>
    
    
从'react native'导入{Dimensions};
const window=Dimensions.get('window');
正文一
文本二

使用尺寸标注给出左右位置。示例如下:

import { Dimensions } from 'react-native';

const window = Dimensions.get('window');

<View style={{
      flexdirection:'row', 
      justifyContent:'space-between',
      marginLeft:(window.width)*0.3,
      marginRight:(window.width)*0.5,
      top:(window.height)*0.25,
      position: "absolute",
}}>
 <Text>Text One </Text>
 <Text>Text Two </Text>
</View>
    
    
从'react native'导入{Dimensions};
const window=Dimensions.get('window');
正文一
文本二

我试过了,但没有得到想要的结果。使用的背景图像大小为370*600,大小模式为“包含”。在视图中扭曲两个文本并设置flexdirection:“行”,调整内容:“间隔”,对于该视图设置样式marginLeft、marginRight和top使用窗口方法我已编辑了我的回答。这似乎也是一种方法,但是否有任何方法可以计算位置?显示的文本并不总是水平和垂直的。请尝试不同的值相乘,您可以存档您的目标。所以我的答案是正确的接受我的答案并投票帮助他人。谢谢我试过了,但没有达到预期的效果。使用的背景图像大小为370*600,大小模式为“包含”。在视图中扭曲两个文本并设置flexdirection:“行”,调整内容:“间隔”,对于该视图设置样式marginLeft、marginRight和top使用窗口方法我已编辑了我的回答。这似乎也是一种方法,但是否有任何方法可以计算位置?显示的文本并不总是水平和垂直的。请尝试不同的值相乘,您可以存档您的目标。所以我的答案是正确的接受我的答案并投票帮助他人。非常感谢。