So erstellen Sie einen kreisförmigen Slider in reaktiv-nativ

8

Ich möchte eine ähnliche Bereichskomponente hinzufügen. Aber eine, die eigentlich zirkulär ist und ich habe keine Ahnung, wie es geht. Können Sie mir bitte etwas Hilfe nennen?

Das Beispiel von dem, was ich will:

    
Mark Hkr 07.07.2016, 19:29
quelle

2 Antworten

14

Ich habe in letzter Zeit mit react-native-svg gearbeitet und ich denke, es ist fantastisch - SVG und React sind ein Geek-Heaven-Match, das perfekt für die Erstellung benutzerdefinierter Benutzeroberflächen geeignet ist, ohne auf nativen Zeichencode zurückgreifen zu müssen .

Hier ist eine kleine CircularSlider -Komponente, die das, was Sie oben beschrieben haben, implementiert:

%Vor%

Der vollständige Beispielprojektcode ist in hier .

Dies ist nur ein schneller Prototyp, um Ihnen die Idee zu geben, aber hier ist, wie es aussieht (zwei Instanzen von CircularSlider, absolut positioniert, so dass sie die gleichen Zentren haben):

    
Stevie 19.08.2016 14:50
quelle
1

cooles Projekt. Teilen Sie mit, was Sie erstellen. Ich denke andere würden das auch wirklich nützlich finden. Leider habe ich noch nicht viel gesehen. Wenn ich das aber tue, würde ich anfangen, wie die jQuery-Plugins es tun. Etwas wie Ссылка könnte dir beim Zeichnen der Formen helfen. Ich wünschte, ich könnte hilfreicher sein. Viel Glück!

    
Chris Geirman 08.07.2016 16:36
quelle