在Android上查看叠加层

时间:2016-05-10 13:36:22

标签: android react-native

我有覆盖视图的问题。它是反应原生的风格(v0.24) 图片说更多: enter image description here

关于ios一切都很好。芽机器人总是坏了。 查看箭头溢出边缘。很好。但Android无法做到这一点。 你知道什么是错的吗? 谢谢你的回复

  resultPillWrapper: {
    paddingVertical: 7,
  },
  resultPillInner: {
    height: 35,
    flexDirection: 'row',
    borderRadius: 20,
    alignSelf: 'stretch',
  },
  result: {
    flex: 1,
    alignSelf: 'center',
    backgroundColor: 'transparent',
    flexDirection: 'row',
  },
  pointsWrapper: {
    alignItems: 'center',
    alignSelf: 'center',
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
  },
  pointsText: {
    fontFamily: styleConstants.fontFamilyRobotoBlack,
    color: styleConstants.colorWhite,
    fontSize: 20,
    textAlign: 'center',
  },
  positionCircle: {
    justifyContent: 'center',
    alignSelf: 'center',
    width: 44,
    height: 44,
    borderRadius: 22,
    borderColor: styleConstants.colorSoftAmber,
    borderWidth: 1,
    backgroundColor: '#FEEDD7',
  },

...

      <View style={[styles.resultPillWrapper, this.props.style]}>
    <View style={[styles.resultPillInner, this._getClassificationStatusStyle(classification)]}>
      <View style={styles.result}>
        <RunPill
          runNumber={classification.run_opponent_1}
          isAdditional={classification.additional_run_opponent_1}
        />
        <View style={styles.pointsWrapper} >
          <Text style={styles.pointsText}>
            {toTwoDecimalPlaces(classification.points_opponent_1) || ''}
          </Text>
          <ResultTableIcon
            result={classification.result_opponent_1}
            iconStyle={RESUTL_TABLE_ICON_STYLE.lightGray}
            imageStyles={{ marginLeft: 5 }}
          />
        </View>
      </View>

0 个答案:

没有答案