GridView - fix after gridListIItem change (#3001)

Author: M-i-k-e-l

demo/src/screens/componentScreens/GridViewScreen.tsx

@@ -12,6 +12,7 @@ class GridViewScreen extends Component {
         _.map(contacts, contact => ({
           imageProps: {source: {uri: contact.thumbnail}, borderRadius: 999, style: {backgroundColor: Colors.grey60}},
           title: _.split(contact.name, ' ')[0],
+          titleLines: 1,
           onPress: () => Alert.alert('My name is ' + contact.name)
         })))(conversations),
     products: _.flow(products => _.take(products, 8),

src/components/gridListItem/index.tsx

@@ -213,7 +213,12 @@ class GridListItem extends Component<GridListItemProps> {
         accessible={renderCustomItem ? true : undefined}
         {...Modifiers.extractAccessibilityProps(this.props)}
       >
-        {imageProps && <Image style={itemSize} {...imageProps} customOverlayContent={children}/>}
+        {imageProps && (
+          <View style={[{borderRadius: imageProps?.borderRadius}, itemSize]}>
+            <Image {...imageProps} style={[itemSize, imageProps?.style]}/>
+            {children}
+          </View>
+        )}
         {!_.isNil(renderCustomItem) && <View style={{width}}>{renderCustomItem()}</View>}
         {renderOverlay && <View style={[styles.overlay, itemSize]}>{renderOverlay()}</View>}
         <TextContainer {...textContainerStyle}>