Question

我正在尝试更改NavigationHeader.BackButton的后退按钮，但我看不到任何可能的方式。

使用以下内容呈现标题...

_renderHeader(props,backAction){
    return (
            <NavigationHeader
            {...props}
            renderLeftComponent={props => this._renderLeftComponent(props,backAction)}
        />
    )
}

_renderLeftComponent(props,backAction){
    return (
        <NavigationHeader.BackButton
            onPress={backAction}
            onNavigate={backAction}
        />
    );
}

我尝试设置tintColor和color样式，但它不起作用。我查看了源代码，但我看不出有什么方法可以做到。有没有办法设置色调/颜色或提供我自己的图像？

Answer 1

我正在使用react-native-vector-icons，您可以从多个不同的系列中进行选择，包括Google的Material icons。该库为您提供了Icon组件，您可以将其与几个现有组件集成，包括TabBarIOS，NavigatorIOS，Navigator.NavigationBar，ToolbarAndroid等。

此外，它提供了Icon.Button创建带有左图标的按钮的便捷方式，当然您可以像这样使用图标内联：

<Icon name='arrow-back' size={24} color={#900}/>

他们在Github回购中有很好的文档，看看。

React Native NavigationHeader.BackButton.Color

1 个答案: