CODEWITHSUNDEEP
javascriptandroidiosreact-native
Hesen Tagiyev
Hesen Tagiyev

Reputation: 60

react-native icon falls under View

Icon falls under View in Android but works in ios. And i tried overflow: 'visible' , elevation: 887879778 and zIndex: 564654687 but nothing helped.

Here is screenshots:

example snack

Upvotes: 2

Views: 107

Answers (1)

Orkhan Jafarov
Orkhan Jafarov

Reputation: 255

This structure works okay. Put that views inside parent and use with padding.

<View style={{ padding: 18 }}>
  <View style={styles.left}>
   <Text style={{ color: 'white' }}>Left</Text>
  </View>
  <View style={styles.icon}>
   <Icon type="Feather" name="check" />
  </View>
</View>

Sure not brilliant solution, but fits for this issue

Upvotes: 3

Related Questions