---
title: "Toolbar menu Items not rendering on Android"
canonical_url: "https://www.nutrient.io/guides/react-native/troubleshooting/react-navigation/"
md_url: "https://www.nutrient.io/guides/react-native/troubleshooting/react-navigation.md"
last_updated: "2026-06-19T19:32:59.574Z"
description: "Solutions for common issues and errors in Nutrient React Native SDK with debugging tips and workarounds."
---

The main toolbar menu items might not be rendering when using `NutrientView` with [Native Stack Navigator](https://reactnavigation.org/docs/native-stack-navigator) from the [`react-navigation`](https://reactnavigation.org/) module. The reason for this is a conflict between `NutrientView` and [Native Stack Navigator](https://reactnavigation.org/docs/native-stack-navigator).

The solution is different depending on whether you’re using React Native directly or through Expo.

## React Native

To resolve this conflict, change [Native Stack Navigator](https://reactnavigation.org/docs/native-stack-navigator) to [Stack Navigator](https://reactnavigation.org/docs/stack-navigator/). Assume that the code below is a `NutrientView` component:

```js

import { View } from 'react-native';
import NutrientView from '@nutrient-sdk/react-native';
import React, { Component } from 'react';

export class NutrientViewComponent extends BaseExampleAutoHidingHeaderComponent {
	render() {
		return (
			<View>
				<NutrientView document={exampleDocumentPath} />
			</View>
		);
	}
}

```

Set up the React Native application navigation as shown below.

1. Replace the `createNativeStackNavigator()` module from `'@react-navigation/native-stack'` with the `createStackNavigator()` module from `'@react-navigation/stack'`.

2. Set the `gestureEnabled` parameter to `false` to avoid interference with `NutrientView` events:

```diff

import { AppRegistry } from 'react-native';

- import {createNativeStackNavigator} from '@react-navigation/native-stack';

+ import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import { NutrientViewComponent } from './NutrientViewComponent';
import React, { Component } from 'react';

// Create Stack Navigator.

- export const Stack = createNativeStackNavigator();

+ export const Stack = createStackNavigator();

class MyStack extends Component {
	render() {
		return (
            <NavigationContainer>
                <Stack.Navigator>
                    <Stack.Screen
                        name="NutrientViewComponent"
                        component={NutrientViewComponent}
                        options={{

-                           gestureEnabled: true,

+                           gestureEnabled: false,
                        }}
                    />
                </Stack.Navigator>
            </NavigationContainer>
		);
	}
}
// Register your application.
AppRegistry.registerComponent('MyApp', () => MyStack);

```

## React Native Expo

Since [`Expo Router`](https://docs.expo.dev/versions/latest/sdk/router/) uses [Native Stack Navigator](https://reactnavigation.org/docs/native-stack-navigator) under the hood, you need to create a wrapper that uses [Stack Navigator](https://reactnavigation.org/docs/stack-navigator/). Create a new file called `ClassicStack.tsx` inside your components directory with the following contents:

```ts

import { createStackNavigator } from '@react-navigation/stack';
import { withLayoutContext } from 'expo-router/build/layouts/withLayoutContext';

const BaseStack = createStackNavigator();

// A drop-in replacement for `import { Stack } from "expo-router"` that uses
// the classic JS-based Stack Navigator instead of the native-stack.
export const ClassicStack = withLayoutContext(BaseStack.Navigator);

```

Then, in any file where you previously imported `Stack` from [`Expo Router`](https://docs.expo.dev/versions/latest/sdk/router/), update your import to:

```diff

- import { Stack } from 'expo-router';

+ import { ClassicStack as Stack } from '@/components/ClassicStack';

```

Doing this also solves the back navigation button issue. Follow the steps outlined in the [back navigation button](https://www.nutrient.io/guides/react-native/troubleshooting/handling-back-navigation-with-react-native-screens.md) troubleshooting guide only when you aren’t using [Stack Navigator].
---

## Related pages

- [How to find your iOS app bundle ID easily](/guides/react-native/troubleshooting/finding-the-bundle-id.md)
- [Guide to adding a Nutrient license key in React Native](/guides/react-native/troubleshooting/add-license-key.md)
- [Find out your Nutrient version easily](/guides/react-native/troubleshooting/getting-the-currently-used-version.md)
- [Troubleshooting](/guides/react-native/troubleshooting.md)
- [Android Gradle Plugin Requires Java 11](/guides/react-native/troubleshooting/android-gradle-plugin-requires-java-11.md)
- [Fixing Android back button crash with Nutrient](/guides/react-native/troubleshooting/handling-back-navigation-with-react-native-screens.md)
- [Fix new architecture build issues in React Native](/guides/react-native/troubleshooting/new-architecture-build-issues.md)
- [Managing Nutrient's render cache effectively](/guides/react-native/troubleshooting/outdated-render-cache.md)
- [Nightlies](/guides/react-native/troubleshooting/nightlies.md)
- [NutrientView inside a modal is blank or crashes on Android](/guides/react-native/troubleshooting/nutrientview-modal-android.md)
- [Out Of Memory Error React Native Android](/guides/react-native/troubleshooting/out-of-memory-error-react-native-android.md)
- [Textinput Error React Native Android](/guides/react-native/troubleshooting/textinput-error-react-native-android.md)
- [CMake/Ninja build error caused by long file paths on Windows](/guides/react-native/troubleshooting/windows-path-length-cmake-error.md)
- [View controller-based status bar appearance](/guides/react-native/troubleshooting/view-controller-based-status-bar-appearance.md)
- [Understanding bundle IDs for iOS app development](/guides/react-native/troubleshooting/what-is-a-bundle-id.md)
- [Fix Xcode error code 65 for React Native on M1 Macs](/guides/react-native/troubleshooting/xcode-error-65-missing-required-target-architectures-react-native.md)
- [Understanding app IDs in Android development](/guides/react-native/troubleshooting/what-is-an-app-id.md)