[fix] ignore more native-only View/Text props

Fix #735
Close #753

Author: MoOx

packages/react-native-web/src/exports/Text/index.js

@@ -49,7 +49,11 @@ class Text extends Component<*> {
       lineBreakMode,
       minimumFontScale,
       onLayout,
+      onLongPress,
+      pressRetentionOffset,
+      selectionColor,
       suppressHighlighting,
+      textBreakStrategy,
       /* eslint-enable */
       ...otherProps
     } = this.props;

packages/react-native-web/src/exports/View/ViewPropTypes.js

@@ -38,14 +38,11 @@ export type ViewProps = {
   accessibilityTraits?: string | Array<string>,
   accessible?: boolean,
   children?: any,
-  collapsable?: boolean,
   hitSlop?: EdgeInsetsProp,
   importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants',
-  onAccessibilityTap?: Function,
   onClick?: Function,
   onClickCapture?: Function,
   onLayout?: (event: ViewLayoutEvent) => void,
-  onMagicTap?: Function,
   onResponderGrant?: Function,
   onResponderMove?: Function,
   onResponderReject?: Function,
@@ -65,9 +62,17 @@ export type ViewProps = {
   onTouchStart?: Function,
   onTouchStartCapture?: Function,
   pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto',
-  removeClippedSubviews?: boolean,
   style?: stylePropType,
-  testID?: string
+  testID?: string,
+  // compatibility with React Native
+  accessibilityViewIsModal?: boolean,
+  collapsable?: boolean,
+  needsOffscreenAlphaCompositing?: boolean,
+  onAccessibilityTap?: Function,
+  onMagicTap?: Function,
+  removeClippedSubviews?: boolean,
+  renderToHardwareTextureAndroid?: boolean,
+  shouldRasterizeIOS?: boolean
 };
 
 const ViewPropTypes = {
@@ -78,7 +83,6 @@ const ViewPropTypes = {
   accessibilityTraits: oneOfType([array, string]),
   accessible: bool,
   children: any,
-  collapsable: bool,
   hitSlop: EdgeInsetsPropType,
   importantForAccessibility: oneOf(['auto', 'no', 'no-hide-descendants', 'yes']),
   onClick: func,
@@ -104,7 +108,16 @@ const ViewPropTypes = {
   onTouchStartCapture: func,
   pointerEvents: oneOf(['auto', 'box-none', 'box-only', 'none']),
   style: stylePropType,
-  testID: string
+  testID: string,
+  // compatibility with React Native
+  accessibilityViewIsModal: bool,
+  collapsable: bool,
+  needsOffscreenAlphaCompositing: bool,
+  onAccessibilityTap: func,
+  onMagicTap: func,
+  removeClippedSubviews: bool,
+  renderToHardwareTextureAndroid: bool,
+  shouldRasterizeIOS: bool
 };
 
 export default ViewPropTypes;

packages/react-native-web/src/exports/View/index.js

@@ -40,11 +40,15 @@ class View extends Component<ViewProps> {
     const {
       hitSlop,
       /* eslint-disable */
+      accessibilityViewIsModal,
       collapsable,
+      needsOffscreenAlphaCompositing,
       onAccessibilityTap,
       onLayout,
       onMagicTap,
       removeClippedSubviews,
+      renderToHardwareTextureAndroid,
+      shouldRasterizeIOS,
       /* eslint-enable */
       ...otherProps
     } = this.props;