Styling issue with Card element after upgrading to RN 0.50

Description

1. I have a Card element inside a FlatList. I had this working last week, it has crashed AFTER an upgrade I did yesterday to React Native 0.50. I also Had to replace the wrapper element of the FlatList for a View, I had a List, but after I upgraded it showed a white background as well. With View it works as you can see on SS.

Version:

"react-native": "0.50.4",
"react-native-elements": "^0.18.4",

Sample Code

return(
      <View style={styles.list}>
        { this.state.loaded ?
          <FlatList
            data={this.state.data}
            renderItem={ ({item}) =>
              <TouchableWithoutFeedback
                onPress={
                  () => this.props.navigation.navigate('RecipeInfo', {'uri': item.recipe.uri})
                }
              >
                <View>
                  <Card
                    style={itemsUserStyles.card}
                    title={item.recipe.label}
                    titleStyle={itemsUserStyles.title}
                    image={{uri: item.recipe.image}}
                  >
                    <View style={[itemsUserStyles.recipeTagsContainer]}>
                      {
                        (item.recipe.dietLabels.concat(item.recipe.healthLabels)).map((tag, i) => {
                          return (
                            <Text
                              key={i}
                              style={itemsUserStyles.recipeTags}
                            >
                              {tag}
                            </Text>
                          )
                        })
                      }
                    </View>
                  </Card>
                </View>
              </TouchableWithoutFeedback>
            }
            keyExtractor={item => item.recipe.uri}
          />
          :
          <View style={styles.spinnerContainer}>
            <ActivityIndicator color="#ea4e3c" size={1} />
          </View>
        }
      </View>
    );

As you can see, I’m getting a default white background for Card element, which I cannot replace for transparent, it just doesn’t work! I presume this is because I updated to RN 0.50. Since Last week I still used .49 and this didn’t happen.

Thanks a lot for your time/help.

• F

[fsunset]

cc @xavier-villelegier

@iRoachie - yes sir! That’s the fix for it. Closing this one. Thanks a lot for the time guys.

[iRoachie]

Hey @fsunset the prop for styling the container is called containerStyle. Can you try using that instead of style?