12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- // @flow
-
- import * as React from 'react';
- import {Avatar, List, Text, withTheme} from 'react-native-paper';
- import i18n from "i18n-js";
-
- type Props = {
- onPress: Function,
- color: string,
- item: Object,
- height: number,
- }
-
- class ProximoListItem extends React.Component<Props> {
-
- colors: Object;
-
- constructor(props) {
- super(props);
- this.colors = props.theme.colors;
- }
-
- shouldComponentUpdate() {
- return false;
- }
-
- render() {
- return (
- <List.Item
- title={this.props.item.name}
- description={this.props.item.quantity + ' ' + i18n.t('screens.proximo.inStock')}
- descriptionStyle={{color: this.props.color}}
- onPress={this.props.onPress}
- left={() => <Avatar.Image style={{backgroundColor: 'transparent'}} size={64}
- source={{uri: this.props.item.image}}/>}
- right={() =>
- <Text style={{fontWeight: "bold"}}>
- {this.props.item.price}€
- </Text>}
- style={{
- height: this.props.height,
- justifyContent: 'center',
- }}
- />
- );
- }
- }
-
- export default withTheme(ProximoListItem);
|