• 카테고리

    질문 & 답변
  • 세부 분야

    모바일 앱 개발

  • 해결 여부

    미해결

헤더에 이미지 추가

21.10.06 10:00 작성 조회수 450

0

헤더에 background 로 넣고 싶은 이미지는

어떻게 할 수 있을까요??

간단에 예제 코드 부탁드려도 될까요??

 

 

답변 2

·

답변을 작성해보세요.

1

shafeel2님의 프로필

shafeel2

2021.12.04

                    <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;

 

 

0

안녕하세요 김현진님, 

 

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

  

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

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

 

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

 

즐거운 하루 되세요

감사합니다.