feat(demo): pass navigation to demo render function

src/components/atoms/demo-renderer/demo.js

@@ -10,14 +10,19 @@ export default {
     demos: [
         {
             title: 'Normal mode',
-            render: () => <DemoRenderer render={() => <Text>Content</Text>} />,
+            render: () =>
+                <DemoRenderer
+                    render={() => <Text>Content</Text>}
+                    navigation={{}}
+                />,
         },
         {
             title: 'Full screen mode',
             render: () =>
                 <DemoRenderer
                     isFullScreen
                     render={() => <Text>Content</Text>}
+                    navigation={{}}
                 />,
         },
     ],

src/components/atoms/demo-renderer/index.js

@@ -7,18 +7,20 @@ import { colors } from '../../../themes';
 export type DemoRendererProps = {
     isFullScreen?: boolean,
     render: () => React.Element<*>,
+    navigation: Object,
 };
 
 export default function DemoRenderer({
     isFullScreen,
     render,
+    navigation,
 }: DemoRendererProps) {
     return (
         <ScrollView
             style={isFullScreen && styles.fullScreen}
             contentContainerStyle={!isFullScreen && styles.tile}
         >
-            {render()}
+            {render({ navigation })}
         </ScrollView>
     );
 }

src/components/organisms/demo-tile/demo.js

@@ -16,7 +16,11 @@ export default {
         {
             title: 'Normal mode',
             render: () =>
-                <DemoTile title="title" render={() => <Text>Content</Text>} />,
+                <DemoTile
+                    title="title"
+                    render={() => <Text>Content</Text>}
+                    navigation={{}}
+                />,
         },
         {
             title: 'Full screen mode',
@@ -26,6 +30,7 @@ export default {
                     isFullScreen
                     style={{ height: 50 }}
                     render={() => <Text>Content</Text>}
+                    navigation={{}}
                 />,
         },
         {
@@ -47,6 +52,7 @@ export default {
                         >
                             <Text>Large content</Text>
                         </View>}
+                    navigation={{}}
                 />,
             renderHeader: (props: HeaderProps) =>
                 <ExitFullScreenFAB

src/components/organisms/demo-tile/index.js

@@ -19,6 +19,7 @@ export default function DemoTile({
     onEnterFullScreen,
     style,
     title,
+    navigation,
 }: DemoTileProps) {
     return (
         <View style={[isFullScreen ? null : styles.container, style]}>
@@ -28,7 +29,11 @@ export default function DemoTile({
                       onEnterFullScreen={onEnterFullScreen}
                       title={title}
                   />}
-            <DemoRenderer render={render} isFullScreen={isFullScreen} />
+            <DemoRenderer
+                render={render}
+                isFullScreen={isFullScreen}
+                navigation={navigation}
+            />
         </View>
     );
 }

src/components/scenes/demo/index.js

@@ -50,6 +50,7 @@ export default class Demo extends Component {
             style={styles.demo}
             title={props.title}
             render={props.render}
+            navigation={this.props.navigation}
             onEnterFullScreen={() =>
                 this.props.navigation.navigate('fullScreen', props)}
         />;

src/components/scenes/full-screen-demo/index.js

@@ -21,6 +21,7 @@ export default function FullScreenDemo({ navigation }: Props) {
             style={styles.demo}
             title={props.title}
             render={props.render}
+            navigation={navigation}
             isFullScreen
         />
     );