ScrollView 圆角

Question

I made a custom Image swiper withe ScrollView in React Native, but it looks bad when images with rounded corners move. Is there any way to round the corners of the ScrollView? Those are my ScrollView styles:

style={{
     flexDirection: 'row', alignSelf: 'center',
     width: this.state.imageWidth,
     borderRadius: 20,
}}

Answer 1

ScrollView also inherits styles from ViewStyles so you can pass borderRadius: 20 to it.