move importantForAccessibility down to nested View

twopane-navigation/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-twopane-navigation",
   "Title": "React Native TwoPane-Navigation",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "React Native package for dual screen devices navigation support (Surface Duo)",
   "react-native": "src/index.ts",
   "types": "lib/typescript/index.d.ts",

twopane-navigation/src/components/paneRenderer/PaneRenderer.tsx

@@ -163,15 +163,15 @@ const PaneRenderer = (props: IPaneRendererProps) => {
     return (
         <Fragment>
             {paneComponents.map((val: IPaneComponent) => (
-                <View
-                    importantForAccessibility={
-                        isComponentDisplayed(val)
-                            ? 'auto'
-                            : 'no-hide-descendants'
-                    }
-                    key={val.key}
-                >
-                    <View style={renderStyles(val.pane, val.extensionOptions)}>
+                <View key={val.key}>
+                    <View
+                        importantForAccessibility={
+                            isComponentDisplayed(val)
+                                ? 'auto'
+                                : 'no-hide-descendants'
+                        }
+                        style={renderStyles(val.pane, val.extensionOptions)}
+                    >
                         <View
                             style={
                                 generalStyles(
@@ -300,4 +300,4 @@ const twoPaneStyles = (paneRects: WindowRect) =>
         }
     });
 
-export default PaneRenderer;
+export default PaneRenderer;