屏幕尺寸不同时如何处理绝对位置？

Question

我想在react-native中使用ImageBackground在特定位置显示文字。

当使用 resize mode as contain 时，如何为不同的屏幕尺寸指定不同的绝对位置？

https://i.stack.imgur.com/HRUwn.png

 <ImageBackground
      source={require("../../assets/image.png")}
      style={{ width: "100%", height: "100%", position: "relative" }}
      resizeMode="contain"
      onLayout={(event) => this.setLayout(event.nativeEvent.layout)}
    >
      <Text
        style={{
          position: "absolute",
          left: 90,
          top: 300,
        }}
      >
        Text_1
      </Text>
      <Text
        style={{
          position: "absolute",
          left: 280,
          top: 300,
        }}
      >
        Text_2
      </Text>
    </ImageBackground>

Answer 1

使用 dimensions.Example 给出左右位置，如下所示，

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>

屏幕尺寸不同时如何处理绝对位置？

How should I handle the absolute position when the screen size is different?

react-native

imagebackground