web-dev-qa-db-fra.com

Tiroir Bottom Up en React Native

Je suis nouveau pour réagir natif. Je veux créer un curseur de menu comme centre de contrôle dans IOS. Je pensais pouvoir utiliser react-native-tiroir mais la bibliothèque ne fournit pas un moyen d'ouvrir le tiroir par le bas. pouvez-vous suggérer quelque chose pour mettre en œuvre cela?

11
Pankaj Agrawal

Ce que vous recherchez est appelé Bottom Sheets in Material Design (voir ici pour des exemples) et Action Sheets dans iOS (feuilles d'action personnalisées plus précisément, comme celui-ci ).

J'ai trouvé deux React bibliothèques natives qui implémentent les feuilles de fond (donc uniquement pour Android):

Et cette bibliothèque implémente des feuilles d'action personnalisées (donc uniquement pour iOS):

Je n'ai trouvé aucune bibliothèque RN qui fonctionne pour les deux plates-formes, nous devrons donc être satisfaits de ce que nous avons. Bonne chance!

Edit: Depuis ma réponse, un nouveau package est sorti: https://github.com/beefe/react-native-actionsheet . Merci @thibautnoah de l'avoir signalé.

16
amaurymartiny

Cette bibliothèque react-native-modalbox implémente ce comportement. Il est également multiplateforme et pur javascript.

https://github.com/maxs15/react-native-modalbox

8
Kyle Roach

J'ai fait ce module react-native-bottom-tiroir basé sur react-native-tiroir , c'est du pur javascript pour qu'il fonctionne sur IOS et Android.

C'est à un stade précoce, alors n'hésitez pas à faire des relations publiques

4
Donald P. Morton