43 ratings
  • 1
  • 2
  • 3
  • 4
  • 5
5 star 14
4 star 7
3 star 15
2 star 1
1 star 6
Compatible with
  • iOS

Flyout Navigation 1.3

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.

Release Notes

Added support for iOS 7 full screen.

Write a Review

19 reviews

Richard Sumka rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

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

Posted on: October 2 / 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 / 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 / Version: 1.3
santhosh

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

Posted on: July 25 / 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 / Version: 1.3
Amarnath Dutta Roy

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

Posted on: July 1 / 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 / 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 / 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 / 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 / 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 / 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 / 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