В React или React Native установите цвет для SVG

Question

Можете ли вы установить опору, которая обычно принимает шестнадцатеричный цвет для SVG?В React Navigation активный фон (цвет вкладки за значком / текстом вкладки) должен быть SVG, а не шестнадцатеричным цветом, подобным этому:

tabBarOptions: {
    activeTintColor: colors.white,
    activeBackgroundColor: <SVG here>,
    inactiveTintColor: colors.primary.black,
    inactiveBackgroundColor: colors.white,
    labelStyle: {
        fontWeight: "bold",

    },
}

Answer 1

Вы можете использовать act-native-svg-transformer для импорта svgs в ваш код.После того, как вы это настроите, вы сможете:

import Logo from "./logo.svg";

Если вы используете React Native версии 0.56 или старше, вам необходимо переименовать файлы .svg в .svgx.