[Android] CircleSnail shows a black rectangle on react-native v0.57

Hi After upgrading my react-native project to 0.57, on Android, CircleSnail component shows a black reactangle. It was working on v 0.56. My code:

    import * as Progress from 'react-native-progress';
    
    // in render()
    <Progress.CircleSnail size={80} color='#ffffff' indeterminate/>

[ifsnow]

I found out the workaround. In my case, It works well as intended on Android devices.

I hope this helps.

constructor(props: Props) {
  super(props);
  this.state = {
    isVisible: false,
  };
}

componentDidMount() {
  requestAnimationFrame(() => {
    this.setState({
      isVisible: true,
    });
  });
}

render() {
  if (!this.state.isVisible) {
    return null;
  }

  return (
    <View style={styles.container}>
      <Progress.Circle
        size={52}
        progress={0.5}
        unfilledColor="#fff"
        color="#ff457f"
        thickness={2}
        borderWidth={0}
      >
      </Progress.Circle>
    </View>
  );
}

[NguyenHoangMinh1996]

i got the same issue when upgrade RN 0.57. in <Progress.Circle />. in ios work fine, but every android devices, just a black square.