text doesn't display

[xavierartot]

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]

on android or iOS?

[xavierartot]

IOS

[butri71]

Having the same problem, any news on this issue?