Description

react-native-linear-gradient supports passing an angle instead of start and end positions to calculate gradients. The current integration of LinearGradient inside NativeBase does not support that.

Problem Statement

The current implementation strictly uses start and end, but react-native-linear-gradient already supports angle usage.

Proposed Solution or API

Add support for useAngle, angle and angleCenter props in linearGradient style configuration. Since lgrad isn't typed anyway, we could just extract those props from it and pass it to LinearGradient:

return (
      <Gradient
        ref={ref}
        {...safeAreaProps}
        colors={lgrad.colors}
        start={lgrad.useAngle ? null : startObj}
        end={lgrad.useAngle ? null : endObj}
        useAngle={lgrad.useAngle}
        angle={lgrad.angle}
        angleCenter={lgrad.angleCenter}
        locations={lgrad.locations}>
        {/* {React.Children.map(children, (child) =>
          typeof child === 'string' || typeof child === 'number' ? (
            <Text {..._text}>{child}</Text>
          ) : (
            child
          )
        )} */}
        {wrapStringChild(children, _text)}
      </Gradient>
    );

This can be much cleaner, but that's the gist of this request.

Alternatives

No response

Additional Information

I don't know how to handle older versions where the angle props aren't supported