hilangkan fixed height item di menu & cart

view/Item.js

@@ -68,7 +68,7 @@ class Item extends React.Component {
                     {item.code == 'CATEGORY' ? (
                         <Text style={{ fontSize: 15, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>{item.name}</Text>
                     ) : (
-                            <View style={{ flex: 1, flexDirection: 'row', height: 100 }}>
+                            <View style={{ flex: 1, flexDirection: 'row'  }}>
                                 <Modal animationType="slide"
                                     transparent={true}
                                     visible={this.state.modalVisible}
@@ -105,12 +105,12 @@ class Item extends React.Component {
                                         </View>
                                     </View>
                                 </Modal>
-                                <View style={{ flex: 1, height: 100 }}>
+                                <View style={{ flex: 1 }}>
                                     <TouchableOpacity onPress={() => this.props.navigation.navigate('Menu Detail', { nameMenu: item.name, desc: item.description, image: item.image })}>
                                         <Image source={{ uri: item.image }} style={{ height: 100, width: 100, borderRadius: 10, }}></Image>
                                     </TouchableOpacity>
                                 </View>
-                                <View style={{ flex: 2, height: 150 }}>
+                                <View style={{ flex: 2  }}>
                                     <View style={{ marginLeft: 5, marginRight: 5 }}>
                                         {
                                             item.motm ? (

view/ItemShopingCart.js

@@ -104,13 +104,13 @@ class ItemShoping extends React.Component {
                         </View>
                     </View>
                 </Modal>
-                <View style={{ flex: 1, flexDirection: 'row', height: 100, marginVertical:5 }}>
-                    <View style={{ flex: 1, height: 100 }}>
+                <View style={{ flex: 1, flexDirection: 'row',  marginVertical:8 }}>
+                    <View style={{ flex: 1 }}>
                         <TouchableOpacity onPress={() => this.props.navigation.navigate('Menu Detail', { nameMenu: item.name, desc: item.description, image: item.image })}>
                             <Image source={{ uri: item.image }} style={{ height: 100, width: 100, borderRadius: 10, }}></Image>
                         </TouchableOpacity>
                     </View>
-                    <View style={{ flex: 2, height: 150 }}>
+                    <View style={{ flex: 2  }}>
                         <View style={{ marginLeft: 5, marginRight: 5 }}>
                             <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>{item.name}</Text>
                             <NumberFormat decimalScale={0} value={item.price} renderText={value => <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />