android_generate_navigation_drawer

Create Android navigation drawer components using Jetpack Compose for DHIS2 mobile applications, with options for Navigation Compose integration and Material 3 dynamic colors.

Instructions

Generate Android navigation drawer pattern (Compose)

Input Schema

TableJSON Schema

Name	Required	Description
`componentName`	No	Composable name
`navCompose`	No	Include Navigation Compose sample
`dynamicColor`	No	Use Material 3 dynamic color in scaffold

Implementation Reference

src/index.ts:1118-1121 (handler)
MCP tool handler that invokes the navigation drawer generator function with provided arguments and returns the generated code as text content.
```
const aNavArgs = args as any;
const aNav = generateAndroidNavigationDrawer(aNavArgs);
return { content: [{ type: 'text', text: aNav }] };
```

src/webapp-generators.ts:1807-1845 (helper)

Core generator function that produces complete Jetpack Compose code for a Material Design Navigation Drawer, including drawer state management, menu items, top app bar with hamburger menu, and scaffold structure.

export function generateAndroidNavigationDrawer(args: any): string {
  const { componentName = 'AppNavigation' } = args;

  return `# Android Navigation Drawer (Compose): ${componentName}

## Implementation
\`\`\`kotlin
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun ${componentName}() {
    val drawerState = rememberDrawerState(initialValue = DrawerValue.Closed)
    val scope = rememberCoroutineScope()

    ModalNavigationDrawer(
        drawerState = drawerState,
        drawerContent = {
            ModalDrawerSheet {
                NavigationDrawerItem(label = { Text("Dashboard") }, selected = true, onClick = { })
                NavigationDrawerItem(label = { Text("Data Entry") }, selected = false, onClick = { })
                NavigationDrawerItem(label = { Text("Reports") }, selected = false, onClick = { })
            }
        }
    ) {
        Scaffold(topBar = {
            TopAppBar(title = { Text("My DHIS2 App") }, navigationIcon = {
                IconButton(onClick = { scope.launch { drawerState.open() } }) {
                    Icon(Icons.Default.Menu, contentDescription = null)
                }
            })
        }) { padding ->
            Box(Modifier.padding(padding)) {
                Text("Content goes here")
            }
        }
    }
}
\`\`\`
`;
}

src/permission-system.ts:174-178 (registration)

Tool permissions registration mapping 'android_generate_navigation_drawer' to 'canUseMobileFeatures' permission check for access control.

  ['android_generate_material_form', 'canUseMobileFeatures'],
  ['android_generate_list_adapter', 'canUseMobileFeatures'],
  ['android_generate_navigation_drawer', 'canUseMobileFeatures'],
  ['android_generate_bottom_sheet', 'canUseMobileFeatures'],
]);

DHIS2 MCP Server