🔥 오늘까지만, 전 강의 25% 할인 중 🔥

  • 카테고리

    질문 & 답변
  • 세부 분야

    모바일 앱 개발

  • 해결 여부

    미해결

[Stack] Header Bar 커스터마이징은 안드로이드는 안되는 건가요 ? ㅜㅜ

21.08.16 23:16 작성 조회수 166

0

[Stack] Header Bar 커스터마이징은 안드로이드는 안되는 건가요 ? ㅜㅜ

답변 3

·

답변을 작성해보세요.

0

권현서님,

 

안녕하십니까. 지식공유자 Wintho입니다.

 

질문 주신 내용에 대한 답변 드리겠습니다.

iOS보다 성가시긴 하지만 안드로이드도 header bar configuring이 가능합니다.

headerTitle: <LogoTitle/>
이 아니라,
headerTitle: props => <LogoTitle {...props}/>
로 시도해보시길 바라며,

안드로이드는 ios처럼 headerTitle이 default로 가운데 정렬이 되지 않습니다.

따라서, logo.js 파일에서 Image 태그의 style에 alignSelf: 'center'를 추가해주시기 바랍니다.

@logo.js

...

  render () {

    return (

      <Image

        style={{width: 40, height: 40, alignSelf: 'center'}}

        source={Logo}

      />

    )

 

  }
...

 

감사합니다.

0

쏠추님의 프로필

쏠추

2021.09.07

logo.js에서 class 사용할 때, 해결 방법 아시는 분 있나요, 일단 logo.js에서 function 으로 사용하니 되네요....

0

vinect님의 프로필

vinect

2021.08.21

          <Stack.Screen
            name="Home"
            component={HomeScreen}
            options={{
              title: 'Home Screen',
              // headerTitle: <this.logoTitle/>
              headerTitle: () => ( // App Logo
                <Image
                  style={width: 40height: 40 }}
                  source={require('./src/assets/pics/home_icon.png')}
                />
              )
            }}
          />
함수를 만들어서 하면 되는데 호출해서 하면 안되네요.
저도 이유를 모르겠습니다.
headerTitle: props => <this.logoTitle/>
이렇게 해주니 되네요
채널톡 아이콘