Improve/Update React-Navigation SVGs

Offen

#1,270 erstellt am 15.8.2023 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 2/5
Geschätzter Aufwand: 1-3 Stunden
Anfängerfreundlichkeit: 42/100

Issue-Typ: Refactoring
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Bereich: documentation

Rechercherichtung

Beginnen Sie mit static/img/spiro.svg, static/img/spiro_header.svg und static/img/spiro_white.svg und vergleichen Sie deren aktuellen Dateigrößen und ihr gerendertes Erscheinungsbild. Verarbeiten Sie die drei Assets erneut, sodass ihre Kurven weniger Kontrollpunkte verwenden, und überprüfen Sie, dass die SVGs visuell gleichwertig bleiben und dabei ihre Größe reduzieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Problem

All react-navigation SVGs are not optimized properly. And they have big file size of around 33 KB which is because these SVGs has many control points.
SVG Files
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro.svg
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro_header.svg
https://github.com/react-navigation/react-navigation.github.io/blob/main/static/img/spiro_white.svg

Solution

This problem can be solve if we can reprocess the icon with curves rather than one-by-one control points.

Vorherrschende Sprache: JavaScript
Sterne: 324
Forks: 2k
PR-Merge-Kennzahlen: Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus react-navigation/react-navigation.github.io

Mocking RN NativeAnimatedHelper - path has been changed Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 94/100

react-navigation/react-navigation.github.io#1516 · 1 Kommentar · Erstellt am 18.9.2026
Docs: `overrideScrollViewContentInsetAdjustmentBehavior` option missing from Native Bottom Tab Navigator page Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100

react-navigation/react-navigation.github.io#1491 · Erstellt am 17.5.2026
Remove mention of deprecated 'jest-native' in docs Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 72/100

react-navigation/react-navigation.github.io#1335 · Erstellt am 25.3.2024
react-native-reanimated@3.4.2 -> Compiling JS failed .... invalid expression Buffer Offen

Schwierigkeit 1/5 1-3 Stunden Anfängerfreundlichkeit 68/100

react-navigation/react-navigation.github.io#1268 · Erstellt am 10.8.2023
Type checking nested navigator is missing StackParamList definition and usage Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

react-navigation/react-navigation.github.io#1118 · Erstellt am 15.2.2022

Alle Issues in react-navigation/react-navigation.github.io