在android react native上打破透明边界

0lvr5msh 于 2023-01-14 发布在 React

关注(0)|答案(1)|浏览(115)

尝试在react native上为每个单元格设置一个透明的边框。它在iOS上运行完美，但在Android上不起作用，而是在单元格周围产生一个灰色/阴影一样的边框。当我将边框设置为0时，它可以工作，但我需要将边框设置为2，以解决不同的格式问题。
我试过border-color: transparent, #0000000

const VerticalContainer = styled(Container)`
  justify-content: center;
  backgroundColor: white
  borderRadius: 8
  margin: 6px 0px
  padding: 15px 20px 15px 20px
  elevation: 1
  min-height: 70
  shadow-color: gray
  shadow-offset: 2px 2px
  shadow-opacity: 0.2
  shadow-radius: 4px
  border-width: 2
  border-color: transparent
`

iOS transparent border that works
android with border not working as not transparent

react-native

来源：https://stackoverflow.com/questions/57607921/transparent-border-broken-on-android-react-native

1条答案

按热度按时间

iszxjhcz1#

你应该检查shadowColor，shadowOpacity和海拔在Android上：

someStyle: {
        shadowColor: 'rgba(0,0,0,0)',
        shadowOffset: {
            width: 0,
            height: 0,
        },
        shadowOpacity: 0,
        elevation: Platform.OS === 'ios' ? null : 0,
    },

赞(0）回复(0）举报 2023-01-14

我来回答

在android react native上打破透明边界

1条答案

相关问题

热门标签

最新问答