Extend default props interface to support custom props (Typescript)

I have gone through these following points

• Check latest documentation: https://docs.nativebase.io/
• Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
• Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
• Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
• For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
• For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/

Issue Description

node, npm, react-native, react and native-base version, expo version if used, xcode version

• node - v8.12.0
• npm - 6.5.0
• react-native - 0.59
• native-base - 2.13.4
• expo - 33
• xcode - 10.2.1

Hi, thank you for you library, it’s awesome. I am wondering if there is a way to customize current typescript interfaces to support my custom prop styles from theme folder?

[KowalskiP]

For example I want to have a way to use this:

<Button myCustomPropStyle />

Without using ts-ignore above

[connor-odoherty]

@mccordgh I solved this by using a similar pattern to @RioFiveJack, but extending the interface instead of overwriting it as my original solution did:

declare module "native-base" {
  namespace NativeBase {
    interface Card extends CustomStyleProps {}
  }
}

interface CustomStyleProps {
  noShadow?: boolean;
  whiteBackground?: boolean;
  noPadding?: boolean;
  noBorder?: boolean;
  cardBody?: boolean;
}

interface IProps extends CustomStyleProps {}

export class Card extends Component<IProps> {
  render() {
    return <NBCard {...this.props} />;
  }
}

Is this the use case you’re looking for?