Released 4 years ago , Last update 4 years ago

CCKFNavDrawer is a custom navigationController implementing sliding menu on IOS, which aims to provide "Android Navigation Drawer" for implementation in IOS apps.


Navigation drawer is a panel that displays the app’s main navigation options on the left edge of the screen. It is hidden most of the time, but is revealed when the user swipes a finger from the left edge of the screen or click the leftBarButtonItem in the navigation bar. As the navigation drawer expands, it (with shadow) overlays the content but not the navigation bar. On the other hand, when the user swipes a finger to left from any part of the screen or click the leftBarButtonItem in the navigation bar or select any navigation options , navigation drawer shrinks.




  • Left BarButtonItem to open/close the Drawer
  • Fast swipe to open/close the drawer
  • Gesture to open/close the drawer
  • Tap on Shawdow to close the drawer


  • It is ios7 only.
  • It is currently portrait only, I will make it landscape soon.
  • 5 1
  • 4 0
  • 3 0
  • 2 0
  • 1 0
1 Reviews Read Reviews


14 day 14-day money-back guarantee


MIT license

The MIT license is an open-source license.


How to use

  • Replace your UINavigationController with CCKFNavDrawer class
  • Add your IBOutlet and code in DrawerView class in order to customize the appearance of your drawer view.
  • Adopt the protocol CCKFNavDrawerDelegate
  • Set setCCKFNavDrawerDelegate to your root view controller. e.g.

    self.rootNav = (CCKFNavDrawer *)self.navigationController; [self.rootNav setCCKFNavDrawerDelegate:self];

  • Set IBAction to your leftBarButtonItem, and call the drawer toggle. e.g.

    • (IBAction)drawerToggle:(id)sender { [self.rootNav drawerToggle]; }
  • Implement the delegate method

    • (void)CCKFNavDrawerSelection:(NSInteger)selectionIndex;

    in order to get the index of selection in navigation drawer

For detail, please take a look in VC class.

License » MIT license Download

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
No comments have been posted yet.