React Native - führen Sie eine Suche bar für ios oder android

Ich habe die Suche nach einem Suche nach bar-Komponente für ios und android, so kann ich die Verwendung meiner app. Bisher habe ich keine gefunden, das ist, warum ich das machen will. Wie kann ich eine Ansicht, wenn ich auf eine Schaltfläche klicken? Also, wenn Sie klicken Sie auf das Symbol "suchen", die suchen-Leiste erscheint. Oder jeder Weg, um eine Suchleiste?
Danke!

so weit das, was Sie versucht haben
Ich habe gesucht, eine gute reagieren Komponente, die ich nutzen kann, aber ios gefunden, die nur und versuchte dieses tutorial 'youtube.com/watch?v=j_4Ll0-5abc' ist aber wirklich veraltet und konnte nicht damit es funktioniert. @VishweshJainkuniya

InformationsquelleAutor user2849167 | 2016-08-26

native reactjs

3

Gibt es viele tutorials zur Verfügung, die auf Internet`

Einige von Ihnen

var Suchleiste = require('react native-search-bar');

und
```
<SearchBar
ref='searchBar'
placeholder='Search'
onChangeText={...}
onSearchButtonPress={...}
onCancelButtonPress={...}
/>
```
Einige nützliche links
Diese alle arbeiten iOS aber kein Glück in android, alle die Anleitung für iOS. RNPM auch nicht funktioniert.

InformationsquelleAutor Vishwesh Jainkuniya
3

reagieren-native-Elemente 1.0.0-beta5 hat eine Komponente, die sowohl für iOS-und Android-searchbars. Die aktuelle version Suchleiste funktioniert mit Android auch, aber ohne den Android-Stil.
```
npm install --save react-native-elements@1.0.0-beta5

<SearchBar
   showLoading
   platform="android"
   placeholder='Search' />
```
Dann sieht es wie folgt aus:

es ist nicht die Art, also es zeigt von oben 0 von der Ansicht, wie kann ich es ändern ' s Stil und zeigen Sie es Marge 40, so dass meine header-Ansicht anzeigen richtig.

InformationsquelleAutor Bostrot

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.