Estoy usando esta biblioteca react-native-bigheads . Quiero mostrar el svg individual del que se extrae el "avatar" final. Se pueden ver aquí src/components y se ven así
import React from 'react' import { useTheme } from '../../themeContext' import { ClothingProps } from './types' import { Path } from 'react-native-svg' import { Polygon } from 'react-native-svg' export const Front = ({ color }: ClothingProps) => { const { colors, skin } = useTheme() const { base } = colors.clothing[color] return ( <> <Path d="M329.09,794.17c56.12,35.58,168.48,75.53,168.48,75.53l-.16,14S397,879.36,316.32,844.9C316.32,814.38,329.09,794.17,329.09,794.17Z" fill={base} stroke={colors.outline} strokeMiterlimit={10} strokeWidth="12px" /> ...Así es como estoy tratando de renderizarlos.
import React from 'react'; import { View, ViewStyle } from 'react-native'; import { Front } from 'react-native-bigheads/src/components/clothing/Dress.tsx' const Foo = () => { return <View style={{ width: 100, height: 100, ...ViewStyle }}> <Front color='blue' /> </View> Pero <View /> permanece vacío, no se muestra nada. ¿Porqué es eso?