React Native에서 스타일 시트를 어떻게 오버라이드합니까?

Question

https://github.com/skv-headless/react-native-scrollable-tab-view/blob/master/DefaultTabBar.js#L75에서 반응 네이티브 스크롤 할 수있는 탭을 사용하고 있으며 'tabs'의 'borderBottomColor'속성을 '#ccc'에서 'white'로 재정의하려고합니다.

React Native에서 어떻게해야합니까?

예를 들어, 나는 다음과 같은 있지만 작동하지 않았다 시도 :

<ScrollableTabView 
    style={{borderBottomColor: 'white'}} 
>...</ScrollableTabView> 

편집 **

을 this.props.tabStyle 당신에게 styles.tabs를 오버라이드 (override) 할 수있는 기능을 제공

Answer 1

.

<ScrollableTabView 
    tabStyle={{borderBottomColor: 'white'}} 
>...</ScrollableTabView> 

좋아, 그래서 전체 코드를 다시 보았다, 그리고 그것은 단지이 색상을 대체 할 수는 없습니다 보인다 : 당신이해야 할 일은
이다. DefaultTabBar는 ScrollableTabView 부모로부터 오버라이드 스타일을 가져 오지만 ScrollableTabView는 우리 자신의 스타일을 통과시키지 않습니다.
당신은 두 가지 옵션이 있습니다

1. 자신의 TabBar의를 구현하고 renderTabBar 소품을 통해 ScrollableTabView에 전달을 (당신은 당신의 변경 사항으로 DefaultTabBar 구현을 걸릴 수 있습니다). 당신은 개발자에게 홍보를 보내기 정의 TabBar의 Here
2. 의 예를 찾아 전체 지역 사회 도움이 될 수 있습니다 - 추천 :)이 그림과 함께 원래의 게시물을 업데이트