We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Following code gives a lot of lag in the bottom bar ( its only if i use the modalstack)
`const BaseStack = createBottomTabNavigator({ overview: { screen: OverviewPage, navigationOptions:{ tabBarIcon: data=> } }, settings: { screen: TestPage, navigationOptions:{ tabBarIcon: data=> } } }, { initialRouteName: "overview", tabBarComponent: BubbleTabBar, tabBarOptions: { activeTintColor: theme.primaryColor, inactiveTintColor: "#ddd" } } );
const ModalStack = createFluidNavigator( { main: { screen: BaseStack, }, addItemModal: { screen: DetailPage, }, }, {headerMode: 'none',mode:"modal"} );
export default ModalStack;`
implementation detail page:
` public render() { return (
<View style={this.style.header}> <Transition shared={this.getTransitionId('image')}> <Image style={this.style.image} source={{uri:"https://cdn.dribbble.com/users/278549/screenshots/7038368/media/9ab2980db9a5e7a1314f852dc59de3c1.png"}}/> </Transition> <Transition shared={this.getTransitionId('textContainer')}> <View style={this.style.textContainer}> <Text style={this.style.title}>Title</Text> <Text style={this.style.subTitle}>https://ditiseending.com</Text> <Text>17 juni 20:40</Text> </View> </Transition> </View> <View style={this.style.contentContainer}> <Text>Deze site neukt jullie allemaal de moeder</Text> </View> </ScrollView> <CircleButton click={this.close} style={this.style.closeButton} icon={"md-close"} iconColor={"black"} backgroundColor={"white"} /> </View> ) }`
implementation card:
` public render(){ const { image = "data:image/png;base64," } = this.props;
return ( <View onLayout={this.onParentRender} style={[this.style.parent, this.props.style]}> <BoxShadow setting={this.shadow}> <TouchableHighlight underlayColor='#fff' style={this.style.highlight} onPress={()=>{this.handleClick()}}> <View> <Transition shared={this.getTransitionId('image')}> <Image style={this.style.image} source={{uri: image}}/> </Transition> <Transition shared={this.getTransitionId('textContainer')}> <View style={this.style.textContainer}> <Text style={this.style.title}>Title</Text> <Text style={this.style.subTitle}>http://eenofandere.url</Text > <Text style={this.style.subTitle}>17 juni 20:20</Text> </View> </Transition> </View> </TouchableHighlight> </BoxShadow> </View> ) }`
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Following code gives a lot of lag in the bottom bar ( its only if i use the modalstack)
`const BaseStack = createBottomTabNavigator({
overview: {
screen: OverviewPage,
navigationOptions:{
tabBarIcon: data=>
}
},
settings: {
screen: TestPage,
navigationOptions:{
tabBarIcon: data=>
}
}
}, {
initialRouteName: "overview",
tabBarComponent: BubbleTabBar,
tabBarOptions: {
activeTintColor: theme.primaryColor,
inactiveTintColor: "#ddd"
}
}
);
const ModalStack = createFluidNavigator(
{
main: {
screen: BaseStack,
},
addItemModal: {
screen: DetailPage,
},
}, {headerMode: 'none',mode:"modal"}
);
export default ModalStack;`
implementation detail page:
` public render() {
return (
implementation card:
` public render(){
const { image = "data:image/png;base64," } = this.props;
The text was updated successfully, but these errors were encountered: