Cards not showing

[cwagner22]

I'm still new to react native but shouldn't TouchableOpacity have the style flex: 1?
https://github.com/moschan/react-native-flip-card/blob/master/lib/FlipCard.js#L164

My cards are not showing right now (Unless I set clickable={false}) or I apply alignItems: 'center' to the container, like in the example)

[arronhunt]

Same issue, but I can't get them to show up with any attributes :(

[ericcastro92]

@cwagner22 I believe you are correct. Adding flex: 1 gets the cards showing again, seems like an overlooked bug.

[bellson0d]

@arronhunt Same issue, you can add flexDirection attribute into parent tag. Like this
<View style={{**flex:1, flexDirection: 'row'**}}> <FlipCard style={{**flex:1**}}> {/* Face Side */} <View style={styles.face}> <Text>The Face</Text> </View> {/* Back Side */} <View style={styles.back}> <Text>The Back</Text> </View> </FlipCard> </View>

[xavierartot]

Same here doesn't work?

        <View style={{ flex: 1, flexDirection: 'row' }}>
          <FlipCard style={{ flex: 1 }}>
            <View style={styles.face}>
              <Text>The Face</Text>
            </View>
            <View style={styles.back}>
              <Text>The Back</Text>
            </View>
          </FlipCard>
        </View>