您好React Native开发人员,
下面的代码在标题中生成了图片。我只是想知道为什么第一个视图(有图标)的阴影比黑色视图的阴影要小。我添加了可见的边框,这样你就可以看到两个阴影之间的区别。这个“问题”同时适用于Android和iOS平台。这真的是一个问题还是只是正常行为?
<>
<View
style={{
alignSelf: 'center',
marginTop: 50,
width: 50,
height: 50,
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 0,
},
shadowOpacity: 1,
shadowRadius: 16.0,
borderRadius: 1000,
borderColor: 'red',
borderWidth: 1,
}}>
<Icon name="cog" type="ionicons" color="black" size={50} />
</View>
<View
style={{
alignSelf: 'center',
marginTop: 50,
width: 50,
height: 50,
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 0,
},
shadowOpacity: 1,
shadowRadius: 16.0,
backgroundColor: '#000',
borderRadius: 1000,
borderColor: 'red',
borderWidth: 1,
}}
/>
</>
1条答案
按热度按时间p8ekf7hl1#
React Native shadow中的某些函数工作不正常。请尝试改用https://github.com/SrBrahma/react-native-shadow-2。