дочерние представления переопределяют границы родительского представления. [Реагируют родной]

Question

Я пытаюсь сделать как следует в реагировать на родной. Я устанавливаю borderRadius в родительском представлении. Но ребенок преодолевает это. Таким образом, в конечном виде borderRadius не виден

export default class FlexDimensionsBasics extends Component {
  render() {
    return (
      // Try removing the `flex: 1` on the parent View.
      // The parent will not have dimensions, so the children can't expand.
      // What if you add `height: 300` instead of `flex: 1`?
      <View style={{flex: 1, borderRadius:30, backgroundColor:'red'}}>
        <View style={{flexGrow: 10, backgroundColor: 'powderblue'}} />
        <View style={{flexGrow: 20, backgroundColor: 'skyblue'}} />
        <View style={{flexGrow: 30, backgroundColor: 'steelblue'}} />
      </View>
    );
  }
}

Есть что-то, что я не могу добавить?

Answer 1

Добавьте overflow: "hidden" к вашему родительскому стилю