Ich habe Probleme bei der Implementierung der Tab-Leiste für Native React. Die Dokumentation existiert nicht ( Ссылка ) und das Beispiel auf ihrer Titelseite ist nicht ausreichend (zB fehlt erforderliches Eigenschaftensymbol).
Ich habe es aus dem Code-Point-of-View implementiert und etwas tauchte auf. Aber nur eine hellblaue Box nimmt die Hälfte des Platzes auf dem Bildschirm ein.
Mein "funktionierender" Code sah so aus:
%Vor%Aber wie gesagt, das Endergebnis wurde nicht erwartet.
Hat es jemand geschafft, TabBarIOS erfolgreich zu implementieren? Ich habe versucht, den Quellcode zu durchsuchen, aber es gab keine Probleme, die mir geholfen hätten.
Beantworten Sie meine eigene Frage, so habe ich es funktioniert:
Zuerst müssen wir TabBarItemIOS definieren:
Dann können wir einen Helfer zum Definieren von Symbolen verwenden:
%Vor%Und, naja ... der Rest des eigentlichen Codes:
%Vor%Dies gibt zumindest grundlegende Art von TabBar zurück.
Dies basiert auf dem Beispiel, das Sie hier finden: Ссылка
Ich denke, du warst mit deinem ersten Post schon auf dem richtigen Weg. Sie müssen die richtigen Auflösungen für Ihre Symbole verwenden. Mehr hier: Apple iOS Docs Für dasselbe Symbol müssen 3 Auflösungen vorhanden sein, z. B. 32x32 = @ 1, 64x64 = @ 2 und 92x92 = @ 3.
Denken Sie daran, den Anweisungen zum Erstellen von Image-Assets in den React Native Docs für Statisch zu folgen Ressourcen Eine Image-Ressource muss denselben Namen wie das Image-Asset in Xcode haben.
Und vielleicht hat Ihr Bild keine transparenten Grenzen wie in diesem Fall .
Hier ist mein Arbeitscode:
%Vor%Meine Tabsymbole sind immer noch blau, wenn sie ausgewählt sind ...
Als ich das ausprobiert habe, scheint das "TabBarItemIOS" mit einem Fehler "Invariant Violation" zu stürzen: onlyChild muss ein Kind mit genau einem Kind übergeben werden. " Wenn die verschachtelte Komponente ein "NavigatorIOS" wie in Ihrem Beispiel ist. Es scheint zu funktionieren, wenn child eine "View" -Komponente ist. Hast du deinen Code funktioniert?
Ich bin mir nicht sicher, was genau Sie vorhaben. Damit die tabBarIOS funktioniert, müssen Sie, wie Sie sagen, mit
beginnen %Vor%Dann erstellen Sie Ihre Klasse. Dann erstellen Sie Ihren Konstruktor, der startet, welche Registerkarte Sie ausgewählt werden möchten, dann müssen Sie Methoden erstellen, die die ausgewählte Registerkarte ändern - wenn eine Registerkarte ausgewählt ist, ist es blau. Dann geben Sie Ihr Rendering mit jedem TabBarIOS zurück, innerhalb jeder TabBarIOS.item müssen Sie die Seite aufrufen, zu der es gehen soll
%Vor%Ich habe das gleiche Problem. Aber ja, es gibt Beispiele aus dem UIExplorer, die die grundlegende Verwendung von Symbolen zeigen. Aber leider gibt es jetzt nur noch 12 Standard-System-Icons. Quellcode hier: Ссылка
Ich bin mit Objekt-c-Code nicht ganz vertraut, daher bin ich immer noch verwirrt darüber, wie man ein benutzerdefiniertes Icon einstellt. Aber Sie können es so für jetzt lassen (hoffe, dass jemand bald eine bessere Lösung bekommen könnte):
%Vor%Tags und Links react-native