在多选择器

Question

我在屏幕上有三个选择器，我正在尝试使用绝对位置和设置顶部和左侧值来对齐文本。 Screenshot here

位置绝对不会因硬编码而适用于不同的屏幕尺寸。有什么建议吗？

我正在尝试在iPhone iPhone timer screen

中实现计时器样式布局

下面的代码摘录

<View
      style={{
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between'
      }}
    >
      <View style={{ flex: 1 }}>
        <Picker
          selectedValue={this.state.pickerValueA}
          onValueChange={(value) => {
            this.setState({ pickerValueA: value });
          }}
          itemStyle={{ color: 'black' }}
        >
          <Picker.Item label="30" value="30" />
          <Picker.Item label="31" value="31" />
          <Picker.Item label="32" value="32" />
          <Picker.Item label="33" value="33" />
          <Picker.Item label="34" value="34" />
          <Picker.Item label="35" value="35" />
        </Picker>
      </View>

    </View>
    <Text
      style={{
        textAlign: 'center',
        position: 'absolute',
        top: 95,
        left: 90,
        fontWeight: 'bold',
        fontSize: 20
      }}
    >
      Text 1
    </Text>