text doesn't display - Githubissues

xavierartot commented 6 years ago

The cart itself works but we can't see the text?

          <TouchableOpacity onPress={() => this.card.flip()} style={styles.card}>
            <Text style={styles.text}>ADDDDDDDDDDDDDDDB</Text>
          </TouchableOpacity>
          <TouchableOpacity onPress={() => this.card.flip()} style={styles.card}>
            <Text style={styles.text}>CDDDDDDDDDDDDDDDD</Text>
          </TouchableOpacity>
        </CardFlip>

my style

  container: {
    flex: 1,
  },
  cardContainer: {
    width: 150,
    height: 150,
    backgroundColor: '#f00',
    padding: 30,
    justifyContent: 'center',
    alignItems: 'center',
  },
  card: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    color: 'white',
  },
})

lhandel commented 6 years ago

on android or iOS?

xavierartot commented 5 years ago

IOS

butri71 commented 4 years ago

Having the same problem, any news on this issue?

lhandel / react-native-card-flip

text doesn't display #3