57 ratings
  • 1
  • 2
  • 3
  • 4
  • 5
5 star 18
4 star 13
3 star 15
2 star 3
1 star 8
Compatible with
  • iOS

Flyout Navigation 1.5.1

James Clancey

A sleek navigation view that swipes in from the side.

The FlyoutNavigationController presents a simple navigation view that

appears to slide out from underneath a main view, allowing you to navigate among a list of view controllers. The same view also functions as a UISplitViewController on the iPad.

using FlyoutNavigation;
using MonoTouch.Dialog;
...
public override void ViewDidLoad ()
{
    base.ViewDidLoad ();
    var navigation = new FlyoutNavigationController {
        // Create the navigation menu
        NavigationRoot = new RootElement ("Navigation") {
            new Section ("Pages") {
                new StringElement ("Animals"),
                new StringElement ("Vegetables"),
                new StringElement ("Minerals"),
            }
        },
        // Supply view controllers corresponding to menu items:
        ViewControllers = new [] {
            new UIViewController { View = new UILabel { Text = "Animals (drag right)" } },
            new UIViewController { View = new UILabel { Text = "Vegetables (drag right)" } },
            new UIViewController { View = new UILabel { Text = "Minerals (drag right)" } },
        },
    };
    // Show the navigation view
    navigation.ToggleMenu ();
    View.AddSubview (navigation.View);
}

Screenshot generated with PlaceIt.

  • v.1.2 - Unified support 2014-10-27

Release Notes

1.5.1

  • Xamarin.iOS Unified 8.6 support

1.5

  • Bug Fixes

1.4

  • Added support for Xamarin.iOS Unified

1.3

  • Added support for iOS 7 full screen.
Write a Review

28 reviews

Mark Pevec rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Had an issue with the component not restoring on a machine properly. Removed it, readded it but the problem persisted (readding it was getting a compatibility error). When I manually removed the left behind elements from the components folder the problem resolved. Not sure if that is an issue with the component or with Xamarin components in general (that when you remove the components it may leave behind files in the components folder that interfere with attempts to readd it)

Posted on: July 7 / Version: 1.5.1
dinesh

How to add submenu

Posted on: June 26 / Version: 1.4
Ruchi

Can we add flyout navigation on both sides?

Posted on: June 12 / Version: 1.5.1
Susan Shao rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Is there any way to disable the UISplitView on IPad? Basically, on the IPad on landscape mode, I don't want the UISplitView to kick in and the menu to remain open and occupy half the screen.

Posted on: May 12 / Version: 1.5.1
Ramon Esteban rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I love this component and it's working fine except for some estrange reason I can see the slide menu in the background the first time the app is loaded.

Also, I would like to know ways to change the cell style, add icons, etc. Is it possible?

Posted on: April 10 / Version: 1.5.1
mohammad sadeghipour rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I used it and is simply great, IT IS AWESOME, thanks for the best menu component.

Posted on: March 17 / Version: 1.5.1
Rakesh George rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Great component.. Would have been even greater if we had opening/closing events.. :) else it's awesome.

Posted on: March 11 / Version: 1.5.1
Sam Tsai rates this with
  • 1
  • 2
  • 3
  • 4
  • 5
  1. Strange view after changing orientation.

  2. (iPad only) Cant't toggle in landscape mode. => default value of AlwaysShowLandscapeMenu is true, this make me confused.

Posted on: January 21 / Version: 1.5.1
Ilfat rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

After i adding UIViewController as UIVIewElement in menu elements, and adding UIButton to it and adding EventHandler to button, and pressed to it, i get SIGSEGV or exception: MonoTouch.Foundation.MonoTouchException: Objective-C exception thrown. Name: NSInvalidArgumentException Reason: -[UITableViewCellUnhighlightedState BridgeSelector]: unrecognized selector sent to instance 0x1568acd0

at at (wrapper managed-to-native) MonoTouch.UIKit.UIApplication:UIApplicationMain (int,string[],intptr,intptr) at MonoTouch.UIKit.UIApplication.Main (System.String[] args, System.String principalClassName, System.String delegateClassName) [0x0004c] in /Developer/MonoTouch/Source/monotouch/src/UIKit/UIApplication.cs:39 at Eco.Application.Main (System.String[] args) [0x00008] in /Users/user/Projects/Ecologist/Eco/Main.cs:17

What am i doing wrong?

p.s. version is 1.3

second question: when i added 1.5 assembly version, i am started getting compile error: the type UIKit.UIViewController is defined in an assembly that is not referenced. Is flyout navigation referenced to unsigned monotouch?

Posted on: November 10, 2014 / Version: 1.5
Richard Sumka rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Not Really useful component. Nice Demo that's all !!!

Posted on: October 2, 2014 / Version: 1.3
Ofir Makmal

Please update the component to the newest version on GitHub. it's missing functionality (such as position).

Posted on: September 28, 2014 / Version: 1.3
Paul Hart rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Great tool, wish it had a "did close" event

Posted on: September 25, 2014 / Version: 1.3
santhosh

How to apply background color for the table view in flyoutnavigation control.

Posted on: July 25, 2014 / Version: 1.3
Kamil Bedkowski rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Nice piece of code. One question-how to integrate it with new xamarin feature-storyboards (mean

initialize controllers array by already created in storyboard items ?

Posted on: July 7, 2014 / Version: 1.3
Amarnath Dutta Roy

How to create submenu inside a menu and open a viewcontroller from it ?

Posted on: July 1, 2014 / Version: 1.3
douglas rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

How can I change the UITableViewCell background color? I changed the TableView background color, but I can't change the Cell.

NavigationTableView.BackgroundColor (Only change the tableview color)

Posted on: June 14, 2014 / Version: 1.3
Angel Calvas rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Is there any way I can get the selected Item???

Posted on: March 31, 2014 / Version: 1.3
muhammet sahin rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

This is awesome. Thank you. But i just wonder how can i do cascade style for example myMail app?

Posted on: February 15, 2014 / Version: 1.3
Pavel Sich rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I like it. Simple to use and great it uses MonoTouch.Dialog as it "backend".

Posted on: January 15, 2014 / Version: 1.3
Evgeniy Baranov

Jan Frost, in FlyOutNavigationController class find a setViewSize method and delete block if(ShouldStayOpen) frame.Width -= menuWidth;

Posted on: January 9, 2014 / Version: 1.3
Jan Frost rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I also have the problem on iPad in landscape orientation that the UINavigationController hasn´t full size. Does anyone have a solution for it?

Posted on: January 6, 2014 / Version: 1.3
Oleg Semenyshyn rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Works great) But can you add transparent table view cell for iOS 7.0 ...

Posted on: November 12, 2013 / Version: 1.3
James Montemagno rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Not quiet perfect and has a few tweaks, especially when using it with tabs controller. I forked on github and did some custom code to get it exactly how I wanted it. Overall though very nice.

Posted on: October 24, 2013 / Version: 1.1
David Tavarez rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Really laggy

Posted on: October 24, 2013 / Version: 1.1
Marco Zedler rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Works. Regular updates would be nice ;-)

Posted on: October 24, 2013 / Version: 1.1
Todd Aspeotis rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Works fairly well out-of-the-box.

Some problems on iPad in landscape orientation (but easily worked around). Drop shadow is a bit heavy. Transitions could be smoother.

Quick and fairly painless way to add a flyout menu to your application.

Posted on: October 24, 2013 / Version: 1.2
Danchoys rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I'm not satisfied with the component as it works differently from what we can see in most apps - you can't pull a panel for a bit - after you perform even a small gesture the panel goes the whole way to the either edge. The second problem is that it's really laggy - the component is nothing about being smooth on iPhone 4.

Posted on: October 24, 2013 / Version: 1.1
Adrian Estran rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Works perfectly, would suggest exposing a few more options such as customising the shadow (I customised it via the source).

Posted on: October 24, 2013 / Version: 1.1