I might totally be missing something but shadows don't appear on my android phone (and they do the iOS simulator). Here's the style:
<View style={{
width: 320,
margin: 8,
borderRadius: 2,
shadowOffset: {
width: 0,
height: 1,
},
shadowRadius: 2,
shadowOpacity: 0.2,
shadowColor: 'black',
backgroundColor: '#fff',
}}>
<View style={{
flexDirection: 'row',
height: 48,
}}>
<View style={{
justifyContent: 'center',
flex: 1,
paddingRight: 8,
overflow: 'hidden',
}}>
<Text style={{
fontFamily: 'Helvetica Neue',
color: 'rgb(51, 51, 51)',
fontSize: 14,
}}>
Lorem ipsum dolor sit amet, consectetur
</Text>
</View>
</View>
</View>
I might totally be missing something but shadows don't appear on my android phone (and they do the iOS simulator). Here's the style: