React Native border radius rendering

Faced the same problem and couldn't find a solution with borderRadius styles. Solved by using two Views with different height. But not sure whether is it a good approach. Check snack for a working sample.

view1:{        
    width:200,
    height:100,
    backgroundColor:'red',
    borderRadius:10,    
    alignItems:'center'
  },

view2:{
    alignItems:'center',
    justifyContent:'center',
    width:200,
    height:95,
    backgroundColor:'white',
    borderBottomEndRadius:10,
    borderBottomStartRadius:10
  }