RFC|Icons // Icons über SVG-Dateien laden
dafür gibt es schon Lösungen. Ich würde Vorschlagen, dass wir react-native-svg
in Kombination mit react-native-svg-transformer
.
Damit können SVGs direkt im Code importiert werden:
import Logo from "./logo.svg";
export default Component(props) {
return (
<Logo
width={50}
height={50}
fill={'black'}
/>
)
}
react-native-svg-transformer
wandelt die SVGs während de Bundelns in React-Komponenten um, somit können diese direkt im JSX verwendet werden. Die Transformation muss dafür im Metro konfiguriert werden.
react-native-svg
kommt zum Einsatz, wenn SVGs von einer URL bezogen werden sollen.