react-native navigation stack set push component then cover parent page

Question

Main page have two stack screens

and ones screen has description text. other screen has button and show other stck view

this is main

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

const Stack = createNativeStackNavigator();

function Home() {
  return (
    <Stack.Navigator initailRouteName="Calc">
      <Stack.Screen
        name="Calc"
        component={Calc}
        options={{headerShown: false}}
      />

      <Stack.Screen
        style={styles.preview}
        name="Complete"
        component={Complete}
        options={{title: 'complate', headerShown: true}}
      />
    </Stack.Navigator>
  );
}


this is calc
  return (
  <Pressable onPress={() => navigation.push('Complete')}>
        <Text>calc</Text>
      </Pressable>
)

this is complate view

how to i remove home text?

Answer 1

May be I Think take a look main stack.

I mean the home view where call? or show?

would you

  <Tab.Screen
    name="Home"
    component={Home}
    options={{
      headerShown: false,
      
    }}