React原生:阴影行为

oxcyiej7  于 2023-01-21  发布在  React
关注(0)|答案(1)|浏览(148)

您好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,
          }}
        />
</>

p8ekf7hl

p8ekf7hl1#

React Native shadow中的某些函数工作不正常。请尝试改用https://github.com/SrBrahma/react-native-shadow-2

import { Shadow } from 'react-native-shadow-2';

<Shadow>
  <Text style={{ margin: 20, fontSize: 20 }}>🙂</Text>
</Shadow>

相关问题