react-router-native icon indicating copy to clipboard operation
react-router-native copied to clipboard

Override navigationCard styles

Open NewOldMax opened this issue 9 years ago • 0 comments

Hi! Thanks for this awesome library!

I have image on background in my app.

const style = {
    image: {
        flex: 1,
        width: null,
        height: null,
        resizeMode: 'cover',
    },
}

const Root = (props) => (
    <Image source={require('../assets/img/background.jpg')} style={style.image}>
        {props.children}
    </Image>
);

image

So, if I'm try to using <TabsRoute path="/" component={Root} transition="horizontal-pager">, then i have gray background instead image. I found in styles.js

navigationCard: {
    ...absoluteFillObject,
    overflow: 'hidden',
  },

Making this

navigationCard: {
    ...absoluteFillObject,
    backgroundColor: 'transparent',
    overflow: 'hidden',
  },

solve my issue.

Is there a way to override those styles?

Version

Dependency Version
react-router-native 2.0.0-beta.0
react-router N/A
react-native 0.37.0

NewOldMax avatar Nov 22 '16 14:11 NewOldMax