React-Native Wählen Sie eine Liste Overley

Question

Wenn ich eine Komponente/Container-Formular, dass ein Benutzer eine Gruppe auswählen kann, bin ich nicht hip, was die Komponente/UX dafür sein sollte, aber ich würde eine Auswahlliste Overlay-Typ vorstellen Deal, bin ich falsch darin, das anzunehmen? Warum ist dies im reaktionsnativen Kern nicht verfügbar? Der Picker für Android bietet dies, aber es scheint, als ob die iOS-Version nur der Slot Machine Style Picker ist. Fehle ich etwas?

Ist der Picker nur der Spielautomat auf iOS oder gibt es eine Möglichkeit, ohne eine Drittanbieterkomponente einzubringen, um diese Funktionalität für iOS und Android bereitzustellen?

Answer 1

Ich nehme an, Sie verstehen, dass React Native nicht Hybrid-Anwendung wie Telefon-Lücke ist. React Native zieht die nativen Steuerelemente des Betriebssystems aus. Das ist der Grund, warum Sie in iOS einen Slot-Machine-ähnlichen Picker und in Android einen Material-Style-Picker sehen.

Was Sie wissen müssen, ist, dass React Native nicht dazu gedacht ist, plattformübergreifende Anwendungen mit "derselben" Codebasis zu erstellen. Die Codebasis ändert sich je nach Betriebssystem ein wenig.

Sie sollten Ihre Geschäftslogik von den UI-Komponenten oder Sichten getrennt halten, damit Sie die Geschäftslogik in Android und iOS wiederverwenden können. UI-Komponenten unterscheiden sich aus offensichtlichen Gründen. Für z. Sie werden die Android Toolbar in der iOS-Anwendung nicht benötigen, da es keine native Toolbar in iOS gibt. In ähnlicher Weise werden Sie NavigationBarIOS in Android nicht finden.

Bottom line- halten Sie Ihre UI-Komponenten separat in einem "Komponenten" -Ordner. Je nach Betriebssystem können Sie die gewünschten Komponenten aus den Ordnern "Komponenten" herausziehen.

Als Referenz gehen Sie bitte durch diese. Dies ist mein Beispielprojekt aus den Tagen, als ich reaktiv-nativ lernte. Erwartet also, dass es sich um Code auf Amateur-Ebene handelt. Repo. Sie können sehen, wie ich die Dinge getrennt gehalten habe. Viel Glück!