React-native-router-flux: Barra de navegación backButtonImage: ¿podemos usar Icon en su lugar si la imagen

Creado en 6 sept. 2016 · 3Comentarios · Fuente: aksonov/react-native-router-flux

Hola,

Quería usar Icon (react-native-vector-icons) en lugar de image en la barra de navegación backButtonImage, ¿alguien ha intentado esto, o alguna forma alternativa de hacerlo con el mismo comportamiento?
Gracias por adelantado.

Fuente

kirankalyan5

Comentario más útil

const ionicon = (icon) => Platform.OS == 'ios' ? `ios-${icon}` : `md-${icon}`;

renderBackButton={(nav) => {
    return nav.navigationState.index ? (
        <TouchableOpacity onPress={Actions.pop}>
            <Icon name={ionicon('arrow-back')} size={26} color='#FFFFFF' />
        </TouchableOpacity>
    ) : null;
}}

iDay en 7 sept. 2016

👍5

Todos 3 comentarios

const ionicon = (icon) => Platform.OS == 'ios' ? `ios-${icon}` : `md-${icon}`;

renderBackButton={(nav) => {
    return nav.navigationState.index ? (
        <TouchableOpacity onPress={Actions.pop}>
            <Icon name={ionicon('arrow-back')} size={26} color='#FFFFFF' />
        </TouchableOpacity>
    ) : null;
}}

iDay en 7 sept. 2016

👍5

https://github.com/oblador/react-native-vector-icons

<Icon.ToolbarAndroid />

ThaJay en 13 sept. 2016

No funcionó para mí cuando tenía el renderBackButton en la escena raíz.
Pero cuando lo pongo dentro de escenas individuales, funciona sin problemas.