Gibt es eine Möglichkeit, die Picker-Komponente für "React Native" zu formatieren und ihre Höhe zu verringern?

9

Ich wollte die Picker -Komponente in meiner React Native-Anwendung verwenden, aber sie nimmt zu viel Höhe auf dem Bildschirm ein. Gibt es eine Möglichkeit, die Auswahlbegrenzung so zu beschränken, dass nur zwei Elemente gleichzeitig angezeigt werden und dann scrollbar ist?

    
nbkhope 23.08.2016, 18:25
quelle

2 Antworten

5

Wenn man mit dem Styling herumspielt, sieht es so aus, als ob der wichtigste Teil darin besteht, die itemStyle -Stütze festzulegen und dort den height -Wert zu definieren. Wahrscheinlich möchten Sie auch die Picker -Komponente selbst formatieren und den height -Wert so einstellen, dass er für die am besten aussehenden Ergebnisse identisch ist, aber Sie brauchen nicht dazu.

Über den Versuch, zwei Zeilen anzuzeigen:

  • Das Anzeigen eines Elements scheint ungefähr auf einer Höhe von 44 zu liegen.
  • Sie können nicht genau zwei Elemente in iOS anzeigen, da die Komponente native Picker entworfen wurde. Es zeigt Teile davon, was über und unter dem aktuell ausgewählten Wert liegt. Sie können also bestenfalls die Hälfte / die Hälfte dieser Werte anzeigen. Sie müssen mit der Größe herumspielen, um etwas zu finden, das für Sie arbeitet.

Minimal Beispiel:

%Vor%

Hier ist ein Snack , der ein vollständiges Beispiel für unterschiedliche Höhen zeigt (Code-Kopie unten eingefügt):

%Vor%     
Michael Cheng 11.07.2017 18:22
quelle
-2

Was ist mit NativeBase?

%Vor%

Ссылка

    
Norfeldt 12.04.2017 18:58
quelle

Tags und Links