您代码中有两个问题。
需要修复的第一个代码：
[底部选项卡导航器]

...
    const Tab = createMaterialBottomTabNavigator();
    
    export const BottomNavigator = () => {
     return (
         <>                                 
                                            |
                                            |
                                            |
                                            *
  ---->   <Tab.Navigator initialRouteName="Left" activeColor="white" >
 replace it to: "Left Screen" as your tab screen name
              
     <Tab.Screen name="Left Screen" component={LeftNavigator} />
    
           //here im trying to pass in my stack navigator component to my bottom tab navigator 
              
     </Tab.Navigator>   
         </>
     )
    }

第二：
堆栈导航器

....
    const LeftStack = createNativeStackNavigator();
    
    export const LeftNavigator = () => {

     //---> Add return     
return <LeftStack.Navigator initialRouteName='Left'>
            <LeftStack.Screen name="Left" component={LeftScreen}/>
            <LeftStack.Screen name="CNN" component={CnnScreen}/>
            <LeftStack.Screen name="Reuters" component={Reuters}/>
            <LeftStack.Screen name="TheVerge" component={TheVerge}/>
      </LeftStack.Navigator>    
}

Answer for above comment : I added the return, and fixed the first issues as well, but now when i try to navigate to the Left it crashes? 
please pass it like this i.e pass children and remove this line component={OrderNavigatorComponent}.
<tab.Screen
    name="home"
       children={()=><ComponentName propName={propValue}/>}
    />
or 
 children={() => (
            <OrderContextProvider>
              <OrderNavigator />
            </OrderContextProvider>
          )}

=〉此处orderNavigator是您的堆栈导航器，即const OrderNavigator =（）=〉{ return（<Stack.Navigator initialRouteName="order">〈堆栈屏幕名称={'order'}组件={试用版}选项={{headerShown：错误}}/〉</Stack.Navigator>）; };