react-native-popup-menu | Popup Menu for React Native | Menu library

I'm trying to use composition component for making a menu in react native but I can't figure it why it doesn't work as expected.

I use [react native pop menu][1] to make the menu. Here what I'm trying to do :

• Make a MenuContainer component with a children property
• Make a MyMenuOptions component that will be nested inside the menu container as children.
• import in my screen MyMenuOptions nested in MenuContainer

Issue: the menu container is working as expected but the MyMenuOptions is not showing on screen. [1]: https://github.com/instea/react-native-popup-menu

MyMenuContainer component :

I've updated my modules in the package.json and I'm now getting the error "Unable to resolve module util from node_modules\uuidv4\build\lib\uuidv4.js: util could not be found within the project."

Of the steps below, I've done #2. I'm not using watchman for #1, I'm using npm instead of yarn for #3, and I don't know what path #4 is referring to. Here is my full output.

PS C:\Dev\myProj> react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

(node:16148) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency (Use node --trace-warnings ... to show where the warning was created) Welcome to React Native! Learn once, write anywhere

error Unable to resolve module util from node_modules\uuidv4\build\lib\uuidv4.js: util could not be found within the project.

If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules: rm -rf node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*. Run CLI with --verbose flag for more details. Error: Unable to resolve module util from node_modules\uuidv4\build\lib\uuidv4.js: util could not be found within the project.

If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules: rm -rf node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-* at ModuleResolver.resolveDependency (C:\Dev\myProj\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:186:15) at ResolutionRequest.resolveDependency (C:\Dev\myProj\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18) at DependencyGraph.resolveDependency (C:\Dev\myProj\node_modules\metro\src\node-haste\DependencyGraph.js:287:16) at Object.resolve (C:\Dev\myProj\node_modules\metro\src\lib\transformHelpers.js:267:42) at C:\Dev\myProj\node_modules\metro\src\DeltaBundler\traverseDependencies.js:434:31 at Array.map () at resolveDependencies (C:\Dev\myProj\node_modules\metro\src\DeltaBundler\traverseDependencies.js:431:18) at C:\Dev\myProj\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33 at Generator.next () at asyncGeneratorStep (C:\Dev\myProj\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)

Here is my package.json file

I am using the react-native-popup-menu and created my own renderer component. It's a function component, so in short it looks like this:

i'm using [react-native-webview][1] in my project React Native. My webview has a javascript array, i need get this Array and show the values inside one menu, like this Slide Menu: https://raw.githubusercontent.com/instea/react-native-popup-menu/master/android.demo.gif

Code:

Standard Behaviour for react-native-popup-menu SlideInMenu renderer is to slide in from the bottom and slide out towards it again. Can this be changed to left or right?

I use the menu popup. I wonder where should I put the TouchableOpacity in so when I press it, there will be a menu shown

Here's the TouchableOpacity

Or is there a way to style the menu provider/ context so that it interacts like a button ?

I am trying to use the react-native-ui-kitten for react native components and its working great. Lately I wanted to add theming in my app and to do that I used their 'RkTheme' and 'RkType' but none is working.

Expectation - setting the theme using RkTheme.setTheme(themeJson) should change the styling of elements already rendered on the screen

Actual - setting the theme using RkTheme.setTheme(themeJson) is not changing the style of the already rendered componenets.

Below is a part of package json

The Metro Bundler gives me no messages, it does absolutely nothing when I click on the app, doesn't tell me why its crashed. On the localhost:8081/debugger-ui all I get is this

WebSocket connection to 'ws://localhost:8081/debugger-proxy?role=debugger&name=Chrome' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

but that is not very helpful at all since I ensured that 8081 is not already in use.

This is my environment:

I have lately come across this error message in the http://localhost:8081/debugger-ui/ that says: