当使用borderWidth时,LinearGradient在android中隐藏边框颜色

时间:2019-05-27 19:24:41

标签: android css react-native border linear-gradients

我正在尝试创建一个内部带有图像的圆,该图像的边框是彩色的,这就是为什么我使用LinearGradient。

我正在使用本指南:

https://codeburst.io/linear-gradient-for-border-color-in-react-native-5bcab3eea1c9

在iOS中可以正常工作的问题,如该图所示:

https://imgur.com/a/Tz0uEcC

但是在android上,当我使用borderWidth并选择透明的borderColor时,borderColor看起来像是阴影,并且由于某些原因未选择LinearGradient颜色...

这是机器人: https://imgur.com/a/qG1LJBt

我在做什么错了?

<div class="row">
<div style="padding: 0px;" class="col l12">
    {% for category in categories %}

<div class="col l3">
    <div style="background-color: white; box-shadow: 0 1px 15px 1px rgba(62,57,107,.07); border-radius: .6rem;" class="card ">
        <div class="card-body text-center">
            <div class="mb-4 pb-3"><i class="ti-briefcase text-muted font-40"></i></div>

            <h5 class="mb-3"> <a href="{% url 'blog_category' category %}">{{ category.name }}</a></h5>

            <div><a class="d-inline-flex align-items-center text-danger" ><a href="{% url 'blog_detail' category.name category.posts.slug category.posts.pk %}">{{ category.posts.title }}</a><i class="material-icons">
                keyboard_arrow_right
                </i></a></div>

        </div>
    </div>
</div>
{% endfor %}

感谢您的帮助

0 个答案:

没有答案