test bed to report values

src/core/components/hv-route/index.tsx

@@ -7,6 +7,7 @@ import * as NavigationContext from 'hyperview/src/contexts/navigation';
 import * as NavigatorMapContext from 'hyperview/src/contexts/navigator-map';
 import * as NavigatorService from 'hyperview/src/services/navigator';
 import * as Render from 'hyperview/src/services/render';
+import * as ScrollObserver from 'hyperview/src/services/scroll-observer';
 import * as Stylesheets from 'hyperview/src/services/stylesheets';
 import * as Types from './types';
 import * as UrlService from 'hyperview/src/services/url';
@@ -21,6 +22,7 @@ import type {
   ScreenState,
 } from 'hyperview/src/types';
 import React, { JSXElementConstructor, PureComponent, useContext } from 'react';
+import { Text, View } from 'react-native';
 import HvNavigator from 'hyperview/src/core/components/hv-navigator';
 import HvScreen from 'hyperview/src/core/components/hv-screen';
 import { LOCAL_NAME } from 'hyperview/src/types';
@@ -676,9 +678,19 @@ function HvRouteFC(props: Types.Props) {
 }
 
 export default function HvRoute(props: Types.Props) {
+  const scrollObserver = useContext(ScrollObserver.Context);
+  console.log('>>> route got:', scrollObserver.offsets);
+
   return (
     <BackBehaviorProvider>
-      <HvRouteFC navigation={props.navigation} route={props.route} />
+      <ScrollObserver.Context.Consumer>
+        {context => (
+          <View style={{ flex: 1 }}>
+            <Text>{`Route:${Object.keys(context.offsets)}`}</Text>
+            <HvRouteFC navigation={props.navigation} route={props.route} />
+          </View>
+        )}
+      </ScrollObserver.Context.Consumer>
     </BackBehaviorProvider>
   );
 }