인프런 커뮤니티 질문&답변

                    <Stack.Screen name='Home' 

                        component={HomeScreen} 

                        options={{

                            headerTitle: props => <LogoTitle {...props} />

                        }}                     

                    />

 

// LogoTitle.js

import React, { Component } from "react";

import { Image } from "react-native";

import Logo from './assets/pics/icon_home.png';

 

class LogoTitle extends Component {

    render() {

        return (

            <Image 

                style={{ width:50, height:50 }}   

                source={Logo}  

                resizeMode='contain'                           

            />

        )

    }

}

 

export default LogoTitle;

 

 

안녕하세요 김현진님, 

 

강의의 내용을 벗어나는 질문에 대해서는 답변하지 않고 있는 부분 이해해 주시면 감사하겠습니다. 

  

리액트 네비게이션 공식 문서를 보면, 기본으로 제공되는 헤더 대신 직접 원하는 컴포넌트를 사용하는 방법이 예제 코드와 함께 있습니다. 

https://reactnavigation.org/docs/stack-navigator#header

 

이 예제를 참고해서 원하는 모습의 헤더를 적용해 보시기 바랍니다.

 

즐거운 하루 되세요

감사합니다.