React-native-router-flux: 뒤로 버튼 색상

에 만든 2016년 06월 20일 · 14코멘트 · 출처: aksonov/react-native-router-flux

버전

사용 중인 버전을 알려주십시오.

반응 네이티브 라우터 플럭스 v3.30.0
반응 네이티브 v0.27.2

예상되는 행동

아래 스크린샷과 같이 화살표 색상을 변경하려고 합니다. 그러나 각 장면에 색상을 설정할 수는 없습니다. 루트 씬에서만 할 수 있습니다. 내가 뭔가를 놓치고 있습니까 아니면 버그입니까?

루트 장면으로 설정할 때 이 코드와 함께 작동합니다.

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }} barButtonIconStyle={{ tintColor: 'green' }}>
      <Scene key="connexion" component={Connexion}
         hideNavBar={false} title="Connexion" initial={true}/>
      <Scene key="signup" component={Signup} hideNavBar={false}
         title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
      />
   </Scene>
</Router>

이 코드와 같이 각 장면 스타일을 별도로 설정하고 싶습니다. 그것이 가능합니까?

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }}>
     <Scene key="connexion" component={Connexion}
       hideNavBar={false} title="Connexion" initial={true}/>
     <Scene key="signup" component={Signup} hideNavBar={false}
       title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
       barButtonIconStyle={{ tintColor: 'green' }}
      />
    </Scene>
</Router>

출처

Shakarang

가장 유용한 댓글

다음 @Shakarang 을 시도하시겠습니까?

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov 에 2016년 06월 22일

👍39 🎉1

모든 14 댓글

각 장면에서 backButtonTextStyle={{ ... }} 줄 수 있습니다.

281330 에 2016년 06월 20일

다음 속성을 사용하여 장면에 추가하려고 했습니다.

색상
배경색
틴트컬러

하지만 작동하지 않습니다..

Shakarang 에 2016년 06월 21일

다음 @Shakarang 을 시도하시겠습니까?

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov 에 2016년 06월 22일

👍39 🎉1

언제든지 드릴다운할 수 있습니다.
node_modules/react-native-router-flux/src/back_chevron.png

원하는 대로 "back_chevron.png"를 편집합니다.

JaiNatha 에 2017년 06월 01일

아 죄송합니다. 처음 댓글을 잘못 읽었습니다. 각 장면에 대해 설정하려고 한다는 사실을 깨달았습니다.

leftButtonIconStyle={{ tintColor: 'green' }}이(가) 실제로 갈 길입니다

JaiNatha 에 2017년 06월 01일

이것은 내 프로젝트에서 작동하지 않습니다.

버전
"반응": "16.0.0-alpha.12",
"반응 네이티브": "^0.46.3",
"react-native-router-flux": "^4.0.0-beta.12"

아이콘 색상을 다시 업데이트해야 합니다.

indu127pal 에 2017년 07월 21일

👍5

동일한 문제, RNRF 4.0.0-beta.15에서 leftButtonIconStyle이 작동하지 않고 barButtonIconStyle도 작동하지 않습니다.

jaimecorrea 에 2017년 08월 02일

<Scene
    key="root"
    headerTintColor="#000"
>

이것은 [email protected] 에서 작동합니다.

jordenchang55 에 2017년 08월 09일

👍24 ❤8 🎉6

headerTintColor 는 맞는 것 같은데 크기는 어떻습니까? 또는 다른 백 아이콘을 원하면?

Frexuz 에 2017년 11월 07일

탐색 모음의 스타일을 지정 하려면 여기 를 확인
아이콘을 변경하려면 장면에서 leftButtonImage 또는 renderBackButton 소품을 사용할 수 있습니다.

jordenchang55 에 2017년 11월 07일

                      <Scene
                        key='HomePage'
                        component={HomePage}
                        renderBackButton={<Icon name='chevron-left' />}
                      />

이와 같이?

renderBackButton 는 함수가 아닙니다.

업데이트:

renderBackButton={() => <Icon name='chevron-left' />} 이것은 화살표를 올바르게 렌더링하지만 눌렀을 때 아무 것도 하지 않습니다.

다시 기능을 직접 다시 구현해야 합니까?

Frexuz 에 2017년 11월 07일

👍1

@Frexuz 저도 지금

각 장면에 대해 온터치 기능(대부분 라우팅)을 직접 다시 구현해야 하는 것 같습니다.

SSTPIERRE2 에 2017년 11월 21일

headerTintColor="#000"

그것은 나를 너무 일했다

kallayyash 에 2019년 01월 07일

<Scene
    key="root"
    headerTintColor="#000"
>
이것은 [email protected] 에서 작동합니다.

저에게도 효과적이었습니다. RN 0.59

pietropr 에 2019년 03월 28일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

React-native-router-flux: 뒤로 버튼 색상

버전

예상되는 행동

가장 유용한 댓글

모든 14 댓글

관련 문제