Popup menu component for React Native

Overview

react-native-popup-menu

Extensible popup menu component for React Native for Android, iOS and (unofficially) UWP and react-native-web.

Features:

  • Simple to use popup/context menu
  • Multiple modes: animated, not animated, slide in from bottom or popover
  • By default opening and closing animations
  • Optional back button handling
  • Easy styling
  • Customizable on various levels - menu options, positioning, animations
  • Can work as controlled as well as uncontrolled component
  • Different lifecycle hooks
  • RTL layout support

Community driven features:

  • Support for UWP, react-native-web and react-native-desktop
  • Typescript definitions

We thank our community for maintaining features that goes over our scope.

Context Menu, Slide-in Menu Popover
Popup menu demo Popup menu demo

Installation

npm install react-native-popup-menu --save

If you are using older RN versions check our compatibility table.

Basic Usage

Wrap your application inside MenuProvider and then simply use Menu component where you need it. Below you can find a simple example.

For more detailed documentation check API.

// your entry point
import { MenuProvider } from 'react-native-popup-menu';

export const App = () => (
  <MenuProvider>
    <YourApp />
  </MenuProvider>
);

// somewhere in your app
import {
  Menu,
  MenuOptions,
  MenuOption,
  MenuTrigger,
} from 'react-native-popup-menu';

export const YourComponent = () => (
  <View>
    <Text>Hello world!</Text>
    <Menu>
      <MenuTrigger text='Select action' />
      <MenuOptions>
        <MenuOption onSelect={() => alert(`Save`)} text='Save' />
        <MenuOption onSelect={() => alert(`Delete`)} >
          <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
        <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
      </MenuOptions>
    </Menu>
  </View>
);

Documentation

Contributing

Contributions are welcome! Just open an issues with any idea or pull-request if it is no-brainer. Make sure all tests and linting rules pass.

React Native Compatibility

We keep compatibility on best effort basis.

popup-menu version min RN (React) version
0.13 0.55 (16.3.1)
0.9 0.40
0.8 0.38
0.7 0.18
Issues
  • Does the MenuTrigger has onLongPress prop?

    Does the MenuTrigger has onLongPress prop?

    I see that MenuTrigger has onPress prop, but looks like onLongPress not work here?

    opened by leiz-me 14
  • Incorect Position When Use FlatList

    Incorect Position When Use FlatList

    Hey there,

    Can some one help me with this problem. I'm using flatlist to preview my data results from API, and in each component I want to add a pop up menu. The popup menu is work, but the position is not correct.

    Here's my screencapture : image

    when i select bed type, and popup appear far from the triger component

    here's my code : image

    And this : image

    Thank you

    opened by insaneadinesia 14
  • popup-menu does not work on android in DEV mode

    popup-menu does not work on android in DEV mode

    I can't see the menu on android device,while iOS can.

    info needed 
    opened by binbinla 12
  • Menu not working with react-native-router-flux 4

    Menu not working with react-native-router-flux 4

    Problem:

    Basic Menu Example doesn't work on Android, giving only the following warning when the Menu Trigger text is pressed:

    image

    Probably the same as #41, but I decided to create a new issue since it might not be the same.

    Expected Behavior

    Basic menu example works after simple copy-paste.

    Libraries versions:

    Platform: Android

    Root Component Snippet:

    //...
    import { MenuContext } from 'react-native-popup-menu';
    //...
    
    class App extends Component {
      //...
    
      render() {
         //...
        return (
          <Provider store={store}>
            <MenuContext style={{ flex: 1 }}>
              <Router />
            </MenuContext>
          </Provider>
        );
      }
    }
    
    AppRegistry.registerComponent('scDocsMobile', () => App);
    
    export default App;
    

    Component w/ Menu:

    This component is the initial component on the Router, so it's the first to render when the App boots up.

    
    //...
    import {
      Menu,
      MenuOptions,
      MenuOption,
      MenuTrigger,
    } from 'react-native-popup-menu';
    
    export default class Testing extends Component {
      render() {
        return (
          <View style={styles.container}>
            <Text>Hello world!</Text>
            <Menu onSelect={value => console.log(`Selected number: ${value}`)}>
              <MenuTrigger text='Select option' />
              <MenuOptions>
                <MenuOption value={1} text='One' />
                <MenuOption value={2}>
                  <Text style={{ color: 'red' }}>Two</Text>
                </MenuOption>
                <MenuOption value={3} disabled text='Three' />
              </MenuOptions>
            </Menu>
          </View>
        );
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
      },
    });
    
    opened by hgg 11
  • e2e testing using testID and customStyles

    e2e testing using testID and customStyles

    This component is not designed for e2e testing, see #155. But i found a workaround using customStyles. In fact customStyles are more customProps for sub-components. For MenuTrigger:

    <MenuTrigger customStyles={{ triggerTouchable: { testID: 'menu-trigger' } }} />
    

    For MenuOption:

    <MenuOption customStyles={{ optionTouchable: { testID: 'option-1' } }} />
    

    Tested using Detox on Android emulator

    opened by mikbry 10
  • If onSelect of `<MenuOption>` is not passed, app shows error onSelect is not a fucntion

    If onSelect of `` is not passed, app shows error onSelect is not a fucntion

    Issue onSelect is mandatory to pass to other wise it gives error.

    Debugged Report MenuOption have a Touchable which take onPress which calls this._onSelect(), In _onSelect definition we are doing

    const { value, onSelect } = this.props;
    const shouldClose = onSelect(value) !== false;
    

    Here when we don't pass the onSelect to MenuOption second line onSelect gives error onSelect(value) is not a function

    Version

    [email protected]
    [email protected]
    

    Code Snapshot

    <Menu onSelect={props.onSelect}>
        <MenuTrigger>{props.children}</MenuTrigger>
        <MenuOptions>
           <MenuOption value=1>One</MenuOption>
        </MenuOptions>
    </Menu>
    
    opened by sadafk831 10
  • Why does it take few seconds to open

    Why does it take few seconds to open

    I'm just running your example and on all the devices I tried it (with an app created with CRNA) when I click to open the menu it always takes few seconds to open.

    Everything opens nicely and fluidly, but there's a long delay... What's up?

    opened by FezVrasta 10
  • How Can i Fix nav bar inside(right side) Popup menu

    How Can i Fix nav bar inside(right side) Popup menu

    i am using this nav bar code i ham fix the pop up menu inside right header bar

    
    <View style={styles.header}>
                  <View style={styles.leftHeader}>
                  <TouchableOpacity onPress={this.onBack.bind(this)}>
                      <Image style={styles.backIcon} source={require('image!backarrow')}/>
                      </TouchableOpacity>
                  </View>
                  <View style={styles.centerHeader}>
                    <Text style={styles.headerTitle}>X & O's</Text>
                  </View>
                  <View style={styles.rightHeader}>**# This is fix how can i fix** ?</View>
                </View>
                <View style={styles.line}></View>
    
                <View style={styles.body}>
    
    
    
    var styles = StyleSheet.create({
    
      container:{
        flex:1
      },
      header:{
        flex: 0.1,
        flexDirection:'row',
        justifyContent:'center',
        backgroundColor:'#013369'
      },
      
       leftHeader:{
           flex:0.2,
           justifyContent:'center'
           
        },
       centerHeader:{
           flex:0.6,
           justifyContent:'center',
           alignSelf:'center'
       },
       rightHeader:{
          flex:0.2,
          justifyContent:'center',
          alignSelf:'center'
       },
       
       body:{
        flex:0.9,
        justifyContent:'flex-start',
    
      },
    
    opened by lavarajallu 9
  • How to close popup menu on click out?

    How to close popup menu on click out?

    Is there a simple way of closing my PopUpMenu by clicking out of it? Like on blur with text input?

    Thanks,

    opened by lorinerosenberg 9
  • MenuOption with custom icons.

    MenuOption with custom icons.

    I asked this question in stackoverflow https://stackoverflow.com/questions/44079480/how-to-include-menu-options-with-custom-icons

    I want to include menu options with custom icons. Your documentation gives an example with a checkmark but I want more custom icons. What is the best way to go about it? Based on the answer in stackoverflow, I tried the following:

    const IconOption = (props) => (
      <MenuOption {...props}>
         <Icon color={ICON_COLOR} name={props.iconName} size={ICON_SIZE} />
         {props.children}
      </MenuOption>
    );
    
    <MenuOptions customStyles={MenuOptionStyles}>
        <IconOption
            iconName='md-bookmark'
            onSelect={this.onSelectSave.bind(this)}
            text={MenuOptionStrings.Save}
        />
    </MenuOptions>
    

    But I still see only text in my menu options, don't see the icon. I also tried getting the unicode values for the icons that I need and setting the same way as the CheckedOption in your examples, but the icons don't render, maybe it is some font issue?

    opened by nataroo 9
  • react-native-youtube does'nt work with react-native-popup-menu

    react-native-youtube does'nt work with react-native-popup-menu

    If i wrap my app youtube player throws error "UNAUTHORIZED_OVERLAY" and stop playing.

    opened by xdarkleonx 0
  • Bump url-parse from 1.4.7 to 1.5.3 in /examples

    Bump url-parse from 1.4.7 to 1.5.3 in /examples

    Bumps url-parse from 1.4.7 to 1.5.3.

    Commits
    • ad44493 [dist] 1.5.3
    • c798461 [fix] Fix host parsing for file URLs (#210)
    • 201034b [dist] 1.5.2
    • 2d9ac2c [fix] Sanitize only special URLs (#209)
    • fb128af [fix] Use 'null' as origin for non special URLs
    • fed6d9e [fix] Add a leading slash only if the URL is special
    • 94872e7 [fix] Do not incorrectly set the slashes property to true
    • 81ab967 [fix] Ignore slashes after the protocol for special URLs
    • ee22050 [ci] Use GitHub Actions
    • d2979b5 [fix] Special case the file: protocol (#204)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump tmpl from 1.0.4 to 1.0.5 in /examples

    Bump tmpl from 1.0.4 to 1.0.5 in /examples

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump tmpl from 1.0.4 to 1.0.5

    Bump tmpl from 1.0.4 to 1.0.5

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump set-value from 0.4.3 to 2.0.1 in /examples

    Bump set-value from 0.4.3 to 2.0.1 in /examples

    Bumps set-value from 0.4.3 to 2.0.1.

    Commits
    Maintainer changes

    This version was pushed to npm by doowb, a new releaser for set-value since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump tar from 4.4.8 to 4.4.19

    Bump tar from 4.4.8 to 4.4.19

    Bumps tar from 4.4.8 to 4.4.19.

    Commits
    • 9a6faa0 4.4.19
    • 70ef812 drop dirCache for symlink on all platforms
    • 3e35515 4.4.18
    • 52b09e3 fix: prevent path escape using drive-relative paths
    • bb93ba2 fix: reserve paths properly for unicode, windows
    • 2f1bca0 fix: prune dirCache properly for unicode, windows
    • 9bf70a8 4.4.17
    • 6aafff0 fix: skip extract if linkpath is stripped entirely
    • 5c5059a fix: reserve paths case-insensitively
    • fd6accb 4.4.16
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump path-parse from 1.0.6 to 1.0.7 in /examples

    Bump path-parse from 1.0.6 to 1.0.7 in /examples

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump path-parse from 1.0.6 to 1.0.7

    Bump path-parse from 1.0.6 to 1.0.7

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • RN CRASH when triggering visibility on popover that is no longer in viewport

    RN CRASH when triggering visibility on popover that is no longer in viewport

    I have a simple popover, for which the visibility is set by the opened prop:

        <Menu
          opened={visible}
          onClose={onClose}
          onBackdropPress={onClose}
          renderer={renderers.Popover}
          rendererProps={{ placement: 'bottom' }}
        >
          <MenuTrigger>
            {children}
          </MenuTrigger>
          <MenuOptions>
            {content}
          </MenuOptions>
        </Menu>
    

    Now let's set flyout visibility to true, after a certain timeout, for example: setTimeout(() => coachmark.visibility = true, 2000))

    Steps to reproduce:

    • Like with the code snippet above, set opened to true after a certain timeout
    • Within this timeout, scroll away to not have the trigger item in the viewport
    • React Native crashes.

    Exception found: From logging, seems to be an invariant violation exception with top: NaN and left: NaN.

    {"name":"Invariant Violation","error":"[1965,\"RCTView\",21,{\"padding\":7,\"backgroundColor\":0,\"position\":\"absolute\",\"alignItems\":\"center\",\"transform\":[{\"scale\":0.1}],\"opacity\":0.1,\"top\":\"<<NaN>>\",\"left\":\"<<NaN>>\",\"flexDirection\":\"column\",\"pointerEvents\":\"box-none\"}] is not usable as a native method argument","data":{"componentStack":"\n    in RCTView (at View.js:34)\n    in View (at createAnimatedComponent.js:)\n    in AnimatedComponent (at createAnimatedComponent.js:)\n    in ForwardRef(AnimatedComponentWrapper) (created by Popover)\n    in Popover (created by MenuPlaceholder)\n    in RCTView (at View.js:)\n    in View (created by MenuPlaceholder)\n    in MenuPlaceholder (created by MenuProvider)\n    in RCTView (at View.js:)\n    in View (at SafeAreaView.js:)\n    in ForwardRef(SafeAreaView) (created by MenuProvider)\n    in RCTView (at View.js:)\n    in View (created by MenuProvider)\n 
    
    opened by preyansh98 0
  • Bump ws from 5.2.2 to 5.2.3

    Bump ws from 5.2.2 to 5.2.3

    Bumps ws from 5.2.2 to 5.2.3.

    Release notes

    Sourced from ws's releases.

    5.2.3

    Bug fixes

    • Backported 00c425ec to the 5.x release line (76d47c14).
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Releases(0.15.10)
React Native: Native Popover Menu

ReactNative: Native Popover Menu (Android/iOS) If this project has helped you out, please support us with a star ?? This library is a React Native br

Pranav Raj Singh Chauhan 421 Oct 15, 2021
Beautifully crafted off canvas menu components for react native applications. Built on top of react-native's Animated library.

react-native-off-canvas-menu Beautifully crafted off canvas menu components for react native applications. Features - Gesture Support Orientation Comp

Provash Shoumma 400 Oct 2, 2021
Side menu component for React Native

Customizable side menu for react-native iOS android Content Installation Usage example Component props Questions? Installation npm install react-nativ

Alexey Kureev 2.2k Oct 12, 2021
Pure JavaScript material menu component for React Native

react-native-material-menu · Pure JavaScript material menu component for React Native with automatic RTL support. Install Using yarn yarn add react-na

Maksim Milyutin 403 Oct 14, 2021
react-native-radial-menu ★153 - A Radial Menu optimized for touch interfaces

React Native Radial Menu Installation npm install react-native-radial-menu Usage var RadialMenu = require('react-native-radial-menu'); var Applicatio

Bogdan Silivestru 174 Feb 2, 2021
A drawer component for React Native Application.

react-native-drawer-menu A drawer component for React Native Application (ios / android) Similar to drawer menu component of QQ mobile. Examples iOS P

WyTiny 162 Oct 12, 2021
Cross Platform React Native UI Toolkit

Cross-Platform React Native UI Toolkit

React Native Elements 21.5k Oct 18, 2021
SVG library for React Native, React Native Web, and plain React web projects.

react-native-svg react-native-svg provides SVG support to React Native on iOS and Android, and a compatibility layer for the web. Check out the demo F

null 5.7k Oct 12, 2021
Path-esque circular action menu inspired by CircularFloatingActionMenu.

react-native-circular-action-menu Path-esque circular action menu inspired by CircularFloatingActionMenu. Installation npm i react-native-circular-act

Mihir Rege 445 Oct 16, 2021
React Native 二级菜单组件

react-native-tab react-native-tab is a simple module for add a "Tab Menu" to your React Native app. Features Usage npm install react-native-tab Demo1

vczero 180 Aug 30, 2021
Handy toolbelt to deal nicely with offline/online connectivity in a React Native app. Smooth redux integration ✈️

react-native-offline Handful of utilities you should keep in your toolbelt to handle offline/online connectivity in React Native. It supports iOS, And

Raúl Gómez Acuña 2k Oct 19, 2021
Pixel–perfect, native–looking typographic styles for React Native ✒️

Pixel–perfect, native–looking typographic styles for React Native. Why Creating great Text Styles in React Native is not a simple task, it requires a

Hector Garcia 3.3k Oct 14, 2021
React Native - Native Animated Icons with different states

ReactNative: Native Iconic (Android/iOS): Deprecated Due to time constraint, this library is deprecated and not maintained anymore, You can still use

Pranav Raj Singh Chauhan 223 Sep 7, 2021
Use the iOS and Android native Twitter and Facebook share popup with React Native https://github.com/doefler/react-native-social-share

React Native Social Share Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's exist

Kim Døfler 409 Oct 8, 2021
React Native Drawer

USAGE WARNING This module is not as performant as it should be. For production applications we generally recommend using either React Native Side Menu

Root Two 2.5k Oct 15, 2021
Development is switched to prscX/react-native-app-tour

Note: Development is switched to prscX/react-native-app-tour** Migration is with respect to ISSUE: 6 React Native Material Showcase iOS React Native B

Pranav Raj Singh Chauhan 91 Jun 2, 2021
Bringing Material Design to React Native

A set of UI components, in the purpose of introducing Material Design to apps built with React Native, quickly and painlessly. Getting Started First,

Yingxin Wu 4.8k Oct 9, 2021
Animated bottom Tab bar for react native

react-native-animated-bottom-tabbar typeOne: typeTwo: Getting started $ npm install react-native-animated-bottom-tabbar --save $ npm install react-nat

Sajjad Asadi 17 Apr 27, 2021