我的图标背景是透明的,我怎样才能使复选圈变白?

my icon background is transparent how can I make the check circle white?

我想显示验证图标,但问题是中间的勾选图标是透明的,如何让它变白?

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';

const VerificationCheck = () => {
  return (
    <MaterialCommunityIcons style={s.verificationIcon} name="check-decagram" size={16} color="deepskyblue" />
  )
}

const s = StyleSheet.create({
  verificationIcon: {
    marginLeft: 2
  },
})

export default VerificationCheck

您可以:

  1. 绝对将图标放在白色圆圈上方
  2. 找到图标的 SVG 并将复选形状设置为白色填充
  3. 让设计师为您制作一个具有您想要的颜色的图标版本