Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Data.js
export
const
electronics
= [
{
id: 1,
name: 'Fifa 19',
price: 49.99
},
{
id: 2,
name: 'Amazon Echo',
price: 199
},
{
id: 3,
name: 'Bose QC 35 Headphones',
price: 300
}
]
Ahora lo que vamos a hacer es en la otra pantalla vamos a importar nuestros datos
Y hacemos lo mismo para la otra pantalla
<View style={styles.container}>
<Button title="Details" onPress={()=>
navigation.navigate('Details')}
/>
<Button title="Settings" onPress={()=>
navigation.navigate('Settings')}
/>
</View>
)
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center'
}
});
static navigationOptions = {
headerTitle: 'Electronics'
}
render() {
return (
<View style={styles.container}>
<Products products={electronics}
onPress={this.props.addItemToCart} />
</View>
);
}
}
return state
}
y en el app .js
vamos a cambiar
<Provider store={store}>
<mainContainer />
</Provider>
render() {
console.log(this.props.cartItems)
return (
<View style={styles.container}>
{this.props.cartItems.length > 0 ?
<Products
onPress={this.props.removeItem}
products={this.props.cartItems} />
: <Text>No items in your cart</Text>
}
</View>
);
}
}
shoopingscartIcons
}}>
<Text style={{ color: 'white', fontWeight: 'bold'
}}>{props.cartItems.length}</Text>
</View>
<Icon onPress={() => props.navigation.navigate('Cart')}
name="ios-cart" size={30} />
</View>
)
export default
connect(mapStateToProps)(withNavigation(ShoppingCartIcon));
render() {
return (
<View style={styles.container}>
{this.renderProducts(this.props.products)}
</View>
);
}
}
export default Products;