Kann ein Native Picker React eine Art Trenner oder Trennzeichen zwischen einigen Elementen haben?

Question

In anderen React Native und Native Base-Komponenten habe ich gesehen, dass unter den auswählbaren Haupteintragselemente Sie nicht auswählbare Dinge hinzufügen können, die normalerweise als Teiler oder Trennzeichen bezeichnet werden.

Ich kann jedoch nichts von der Art in den Picker-Komponenten sehen.

Ich implementiere etwas wie Favoriten oder zuletzt Artikel sortiert an der Spitze des Pickers. Es wäre schön, eine Art sichtbare Trennlinie zwischen dem favorisierten/letzten Abschnitt und dem Hauptabschnitt einfügen zu können.

Es wäre noch schöner, wenn ich eine Überschrift mit Text vor jedem Abschnitt hinzufügen könnte.

+-----------+ 
|==Recent===| 
+-----------+ 
| Ford  | 
| Chevrolet | 
+-----------+ 
|=The rest==| 
+-----------+ 
| Toyota | 
| Nissan | 
| ...  | 

Bietet die Picker-Komponente dies, oder kann sie einfach hinzugefügt werden?

Answer 1

Die Picker Komponente von RN bietet dies nicht out of the box. Wenn Sie die sehr anpassbare Picker verwenden möchten, verwenden Sie besser . Es gibt eine API-Requisite namens renderSeparator, von der Sie meinen, dass Sie sie einfach für Ihren Zweck verwenden könnten.

Answer 2

Nicht sicher über das Erstellen von Abschnitten in einer Auswahlliste. Was Sie tun können, ist Zeile hinzufügen ausgewählt.

IOS

Sie können die itemStyle Requisiten auf der Picker Komponente hinzuzufügen. So können Sie zum Beispiel Rahmen für das ausgewählte Element hinzufügen. Hier

ist, was ich

<Picker 
    selectedValue={filter} 
    onValueChange={this._onFilterSelect} 
    style={sharedStyles.floatingPicker} 
    itemStyle={{ borderTopWidth: 1, borderTopColor: '#000', borderBottomWidth: 1, borderBottomColor: '#000' }} 
> 

Android

getan haben, können Sie die Lösung für Android finden here aber ich habe es nie getestet. Und die Lösung würde den Stil für alle Picker in der App hinzufügen. Wenn es das ist, was du willst, ist es cool.

-

Über die Überschrift, ich bin nicht sicher, ob diese Art von Build-in-Element existe. Da ein Picker.Item existiert, wäre es nett, ein Picker.Header oder etwas zu haben, aber ich habe nie etwas wie das im Doc oder im Internet gefunden. Wenn ich etwas finde, das helfen könnte, werde ich es hier setzen.

Hoffe, das hilft