Circle Menu

by Nathan Walker

CircleMenu is a simple, elegant menu with a circular layout. http://ramotion.com.

NativeScript Plus Ramotion Circle Menu

## Ramotion Circle Menu {N} Plugin

A plugin to bring the exceptional work of Ramotion into the {N} platform.

Circle Menu is an expanding circular menu.

As Ramotion is as forward thinking as they are super cool & talented, they open sourced it which allows us to make it available to the {N} community.

Circle Menu Source for the iOS Platform

Install

npm i nativescript-circle-menu --save

Usage

import {Color} from 'color';
import {TNSCircleMenu, TNSCircleButton} from 'nativescript-circle-menu';

this.circleMenu = new TNSCircleMenu();
this.circleMenu.initMenu([
    new TNSCircleButton({
        icon: "home.png",
        color: new Color('#B3714F').ios,
        action: () => {
            console.log('home selected');
        }
    }),
    new TNSCircleButton({
        icon: "search.png",
        color: new Color('#7C3FE8').ios,
        action: () => {
            console.log('search selected');
        }
    }),
    new TNSCircleButton({
        icon: "notifications.png",
        color: new Color('#4E75E2').ios,
        action: () => {