Titanium Alloy Slide Menu Widget

com.madrocket.ti.slidemenu

Demo app: https://github.com/MadRocket/slidemenu-demo

Highly inspired by https://github.com/danielsefton/AlloySliderMenu

In your view:

<Alloy>
  <Window id="index">
    <Require type="widget" src="com.madrocket.ti.slidemenu" id="menu" />
  </Window>
</Alloy>

In your controller:

var content = Alloy.createController('content');
$.menu.init({
  leftDrawer:  Alloy.createController('leftmenu').getView(),
  rightDrawer: Alloy.createController('rightmenu').getView(),
  content: content.getView()
});

// Assume you have these buttons in the 'content' view
content.leftb.addEventListener('click', function(){
  $.menu.toggleLeftDrawer();
});
content.rightb.addEventListener('click', function(){
  $.menu.toggleRightDrawer();
});

$.menu.on('open:[left]', function(e){
  // Do something on open
});
$.menu.on('close:[right]', function(e){
  // Do something on close
});