BorderRadius not working about react-native-radial-gradient

[Trafiz]

Hello, you can wrap <RadialGradient/> in <View/> and use overflow: 'hidden' property:

import React from 'react';
import { View, Text } from 'react-native';
import RadialGradient from 'react-native-radial-gradient';

const MyRadialGradient = () => {
  return (
    <View
      style={{
        borderRadius: 12,
        overflow: 'hidden'
      }}
    >
      <RadialGradient
        style={{ padding: 50 }}
        colors={['green', 'blue', 'red']}
        stops={[0.1, 0.5, 1]}
        center={[100, 50]}
        radius={200}
      >
        <Text style={{ textAlign: 'center' }}>I'm rounded</Text>
      </RadialGradient>
    </View>
  );
};

[leandrolimasi]

+1. I have the same issue here.

[timorss]

same here