Reactネイティブタブビュー：タブの変更時にテキストの色を変更する方法

Question

私はreact-native-community/react-native-tab-viewを使用しています tab.Rightの変更時にタブのテキストの色を変更するメソッドはありますか今はテキストの色を明るくしていますが、別の色に変更したかったのですか？その場合

Answer 1

、そのようなあなたのTabViewにrenderLabelプロパティにコールバックを渡してみてください。

_renderLabel = (scene) => { 
 
    const myStyle = { /* Defined your style here.. */ } 
 
    // grab the label from the scene. I'm not really sure 
 
    // about the structure of scene, but you can see it using console.log 
 
    const label = scene.label 
 

 
    return (
 
    <Text style={myStyle}>{label}</Text> 
 
); 
 
} 
 

 
_renderHeader =() => { 
 
    return <TabBar renderLabel={this._renderLabel} /> 
 
}