javascript - react native borderRadius一个 Angular 不圆

您好，这是我正在使用的代码：

  menuItemButtonContainer: {
    marginRight: 1,
    marginLeft: 1,
    marginTop: 1,
    marginBottom: 1,
    paddingRight: 1,
    paddingLeft: 1,
    paddingTop: 1,
    paddingBottom: 1,
    borderRadius: 10,
    overflow: 'hidden',
    position: "absolute",
    backgroundColor: 'white',
    borderWidth: 1,
    borderColor: colors.navy
  },

但由于某种原因，右上角不圆。我一直在动脑筋一天。

这是组件代码

<Native.View
          style={[styles.menuItemButtonContainer, {width: 50, height: 30, marginLeft: 0}]}><Native.TouchableHighlight
          underlayColor={colors.darkGray}
          onPress={this.orderObjectChange.bind(this, 'ADD', item.id)}
          style={{
            justifyContent: 'center',
            alignItems: 'center'
          }}><Native.View><Components.Text
          style={{color: colors.navy}}>ADD</Components.Text></Native.View></Native.TouchableHighlight></Native.View>

最佳答案

您编写的样式，请参阅下文。可能是边框样式被应用程序中的某些其他样式覆盖。检查该元素以查看。