Ionische scrollbare Tabs
Hallo, ich habe mich schon gefragt, bevor ich etwas gemacht habe, wenn ionic etwas wie scrollbare Tabs hat . Ich schaute und sah es in der Fitrpg-App, die mit ionischen gemacht wurde, aber ich wusste nicht, ob es Brauch war oder nicht. Ich werde es für eine Liste wie in Fitrpg verwenden und würde mehrere Abschnitte haben, um die Liste anders als Top bewertet, neueste, etc. zu sortieren. Ich sah auch Ionics slide box und dachte, ich könnte es damit umsetzen, wenn ich mir selbst einen schicken Kopf machen würde. Aber ich dachte mir, ich würde herausfinden, ob jemand dafür ein Paket gemacht hat oder einen Ratschlag hat, der nützlich wäre, wenn ich es selbst machen müsste. Auch hier ist ein Bild von fitrpg von dem, was ich versuche zu erreichen. Ich brauche Tabs wie All Active und Completed, wo Sie zwischen ihnen wischen können.
3 Antworten
Es muss Feature haben und bereits in der Community angefordert werden. Ich warte auch auf scrollbare Tabs und scheint es in Erwägung zu ziehen! Möglicherweise wird es in einer zukünftigen Version verfügbar sein. Siehe Github-Problem und Trello .
Ich habe html und css benutzt, um diese Tabs scrollbar zu machen. Ich möchte erwähnen, dass die scrollbare Tabs-Funktion nicht verfügbar ist. Aber die Lösung, die ich herausgefunden habe, wirkt Wunder für mich.
Sie können das Tabs-Array mit unbegrenzten Daten weiter konfigurieren.
HINWEIS: Sie können während der Entwicklung nicht im Browser blättern, aber sobald Sie die App installiert haben, funktioniert sie mit Swipes ... funktioniert auch in der ionischen Ansicht
HTML-Code für den Abschnitt:
%Vor%CSS FÜR DEN GLEICHEN HINWEIS: Ich verwende SASS für meine CSS-Struktur:
%Vor%Javascript zum Ändern der Registerkarte:
%Vor%Beispiel-Json für Tabs
%Vor%Tags und Links javascript angularjs css ionic-framework android-scrollable-tabs