RN实现如下效果，在iphonex模拟器有问题

Question

效果图：

代码：

   <Button style={[styles.betButton, styles.win, styles.betButtonActive]}>
      <Text style={[styles.betText, styles.betTextActive]}>胜</Text>
    </Button>

CSS:
const styles = {
betButton: {

height: 29,
backgroundColor: '#F6F6F6',
marginRight: 3,
justifyContent: 'center',
flex: 1,

},
betButtonActive: {

backgroundColor: '#FF5D65',

},
betText: {

fontSize: 12,
color: '#333',
textAlign: 'center',

},
betTextActive: {

color: '#fff',

},
win: {

borderTopLeftRadius: 18,
borderBottomLeftRadius: 18,

},
};

Answer 1

betText设置背景为透明试试呢

Answer 2

请问一下楼上这个问题解决了没有？我也遇到这个问题了