effect:
Code:
<Button style={[styles.betButton, styles.win, styles.betButtonActive]}>
<Text style={[styles.betText, styles.betTextActive]}></Text>
</Button> CSS:
const styles = {
betButton: {
height: 29,
backgroundColor: "-sharpF6F6F6",
marginRight: 3,
justifyContent: "center",
flex: 1,},
betButtonActive: {
backgroundColor: "-sharpFF5D65",},
betText: {
fontSize: 12,
color: "-sharp333",
textAlign: "center",
},
betTextActive: {
color: "-sharpfff",},
win: {
borderTopLeftRadius: 18,
borderBottomLeftRadius: 18,},
};