我的图标背景是透明的,我怎样才能使复选圈变白?
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
您可以:
- 绝对将图标放在白色圆圈上方
- 找到图标的 SVG 并将复选形状设置为白色填充
- 让设计师为您制作一个具有您想要的颜色的图标版本
我想显示验证图标,但问题是中间的勾选图标是透明的,如何让它变白?
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
您可以:
- 绝对将图标放在白色圆圈上方
- 找到图标的 SVG 并将复选形状设置为白色填充
- 让设计师为您制作一个具有您想要的颜色的图标版本