Custom back button in react-native-router-flux

[React native] Custom back Buton in react-native-router-flux

.....

const renderBackButton = () => (
    <TouchableOpacity
        onPress={() => Actions.pop()}
    >
        <View style={{ alignItems: 'center' }}>
            <Image
                source={require('./components/images/icon_back.png')}
                style={{ width: 30, height: 20 }}
            />
            {/*
                <Icon name='ios-arrow-round-back' style={{ color: '#fff' }} />
            */}
        </View>
    </TouchableOpacity>
);

.....
<Scene
    key="document_list"
    component={DocumentList}
    title={date_string()}
    navigationBarStyle={styles.login_style_bar}
    sceneStyle={styles.scene_style_login}
    titleStyle={{ color: '#fff' }}
    renderBackButton={() => renderBackButton()}
/>
.....

Nice, thanks