export Props types for end users

[chuckhacker]

Related to #22100

When using Flow, it is handy to be able to inherit from Props type for components in user code because the typing can be stricter.

For example:

type SubmitButtonProps = $ReadOnly<{|
  ...TouchableHighlightProps,

  onPress: ?() => void,
  style?: ?ViewStyleProp,
  title: string,
|}>;

Test Plan:

• npm run prettier
• npm run flow-check-ios
• npm run flow-check-android

Release Notes:

[GENERAL] [ENHANCEMENT] [Components/Touchable/TouchableBounce.js] - export Props Flow types
[GENERAL] [ENHANCEMENT] [Components/Touchable/TouchableHighlight.js] - export Props Flow types
[GENERAL] [ENHANCEMENT] [Components/Touchable/TouchableOpacity.js] - export Props Flow types

[pull-bot]

	Warnings
⚠️	📋 Test Plan - This PR appears to be missing a Test Plan.
⚠️	📋 Release Notes - This PR appears to be missing Release Notes.

Generated by 🚫 dangerJS

[TheChuckster]

Warnings

Test Plan - This PR appears to be missing a Test Plan.

Release Notes - This PR appears to be missing Release Notes.

Generated by dangerJS

Resolved

[elicwhite]

Thanks for the PR! There is actually an easier way to do this that doesn't require changes to core. You can use Flow's React.ElementProps utility type:

const {TouchableBounce} = require('react-native');
type TouchableBounceProps = React.ElementProps<typeof TouchableBounce>

Since React.ElementProps gives this information, we aren't exporting the types for every Component (and will be removing the currently exported prop flow types on components in the future).