publish demo

Author: vonovak

example/.expo/packager-info.json

@@ -2,7 +2,7 @@
   "devToolsPort": 19002,
   "expoServerPort": 19000,
   "packagerPort": 19001,
-  "packagerPid": 31011,
+  "packagerPid": 48842,
   "expoServerNgrokUrl": null,
   "packagerNgrokUrl": null,
   "ngrokPid": null,

example/.expo/settings.json

@@ -1,8 +1,8 @@
 {
   "hostType": "lan",
   "lanType": "ip",
-  "dev": true,
-  "minify": false,
-  "urlRandomness": "i4-7im",
+  "dev": false,
+  "minify": true,
+  "urlRandomness": "n9-rd6",
   "https": true
 }

example/App.tsx

@@ -42,14 +42,8 @@ const Body = () => {
   // console.warn('render');
   return (
     <Stack.Navigator>
-      {Object.values(screens).map((screen) => {
-        return (
-          <Stack.Screen
-            name={screen.name}
-            key={screen.name}
-            component={screen}
-          />
-        );
+      {Object.keys(screens).map((screenName) => {
+        return <Stack.Screen name={screenName} key={screenName} component={screens[screenName]} />;
       })}
     </Stack.Navigator>
   );

example/screens/UsageWithOverflowComplex.tsx

@@ -15,14 +15,14 @@ const ReusableItem = ({ title, disabled = false }) => {
   return <HiddenItem title={title} disabled={disabled} onPress={() => alert(title)} />;
 };
 
-const handlers = [
+const handlers = {
   overflowMenuPressHandlerActionSheet,
   overflowMenuPressHandlerPopupMenu,
   overflowMenuPressHandlerDropdownMenu,
-  function custom(obj) {
-    console.warn(Object.keys(obj));
+  custom: function custom(obj) {
+    alert('you custom function will receive:' + Object.keys(obj));
   },
-];
+};
 
 export function UsageWithOverflowComplex({ navigation }) {
   const [index, setIndex] = React.useState(0);
@@ -32,7 +32,7 @@ export function UsageWithOverflowComplex({ navigation }) {
       headerRight: () => (
         <OverflowMenu
           OverflowIcon={<MaterialIcons name="more-vert" size={23} color="blue" />}
-          onPress={handlers[index]}
+          onPress={Object.values(handlers)[index]}
         >
           <HiddenItem
             icon={<MaterialIcons name="search" size={23} />}
@@ -57,10 +57,10 @@ export function UsageWithOverflowComplex({ navigation }) {
   return (
     <View style={{ flex: 1 }}>
       <Text>behavior is platform-dependent</Text>
-      <Text>current mode: {handlers[index].name}</Text>
+      <Text>current mode: {Object.keys(handlers)[index]}</Text>
       <Button
         onPress={() => {
-          setIndex((index + 1) % handlers.length);
+          setIndex((index + 1) % Object.keys(handlers).length);
         }}
         title="next overflow mode"
       />