App.js에 컴포넌트를 넣으면 메인페이지, 디테일페이지 등 다른 페이지에 해당 컴포넌트는 임포트 안해도 자동으로 다 적용 되는건가요?

예를 들어서 App.js 코드가 아래와 같다면,

뷰, 이미지, 터쳐블오페시티 등 이런 컴포넌트들을 다른 페이지에서 임포트할 필요가 없나요?

import React from 'react';

//이제 모든 페이지 컴포넌트들이 끼워져있는 책갈피를 메인에 둘예정이므로

//컴포넌트를 더이상 불러오지 않아도 됩니다.

// import MainPage from './pages/MainPage';

// import DetailPage from './pages/DetailPage';

import { StatusBar } from 'expo-status-bar';

//메인에 세팅할 네비게이션 도구들을 가져옵니다.

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

import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView,SafeAreaView} from 'react-native';

import StackNavigator from './navigation/StackNavigator'

export default function App() {

  console.disableYellowBox = true;

  return (

  <NavigationContainer>

    <StatusBar style="black" />

    <StackNavigator/>

 </NavigationContainer>);

}