/ / React Native: Wie erstelle ich ein Menü von unten? - Javascript, Reactjs, React-native, Redux, React-jsx

Native Reagieren: Wie erstelle ich ein Menü von unten? - javascript, reactjs, reaktionsnativ, redux, react-jsx

Ich versuche das Folgende nachzubilden, wobei ein Menü von unten aufgerufen wird, wenn eine Taste gedrückt wird, aber nicht weiß, wo ich anfangen soll. Wie kann ich das machen?

Jede Anleitung oder Einsicht wäre sehr dankbar.

Bildbeschreibung hier eingeben

Antworten:

1 für die Antwort № 1

Sie können ein Modul wie Dies zum Beispiel. IMO kann dies auf zwei Arten erfolgen:

  1. Schieben Sie a View mit animation wie in der oben verlinkten bibliothek.

  2. Benutze einen Modal Komponente, die von unten gleitet (dies ist eigentlich das Standardverhalten dieser Komponente). Denken Sie daran, einen Rand über dem Inhalt einzufügen, damit er nicht oben auf dem Bildschirm angezeigt wird.

Verwandte Fragen

Fehler: Nicht erkannte Schriftfamilie Material Design Icons nach der Installation von React-native-Elementen? - reagiere-nativ
Fehler beim Kompilieren von Code in react-Native - react-native
Warnung mit create-react-native-app - reaktiv-nativ
Native + Redux reagieren - react-native, redux
reagieren nativ im Terminal plötzlich nicht funktioniert - reagieren-native, reagieren native-CLI
Material-Ui mit React Native - reaktionsnativ, Material-Ui
Empfohlene Vorgehensweise zum Erstellen einer React-Native-for-Web-App? - reactive-native, erstellen-reagieren-native-app
Bildfehler in React-native - react-native
Reactive-Native-Firebase vs Reaktion-Redux-Firebase? - reagieren-native-firebase, react-redux-firebase
Ist animierte API reaktions-native wird in react-native-web unterstützt - reactjs, reactive-native, react-native-web
HOC-Authentifizierung (Higher Order Components) in React Native - reactjs, react-native
Können Sie eine native Windows-Anwendung mit React Native entwickeln? - reagieren, reagieren-nativ
Befehl "run-android" unerkannt. Stellen Sie sicher, dass Sie "npm install" ausgeführt haben und dass Sie sich in einem reaktiven nativen Projekt befinden - reactjs, npm, command, yarnpkg
Requiring unbekanntes Modul reactive-native - reactjs, react-native
Hinzufügen eines Redux-Stores zu React Native App, die mit create-react-native-app erstellt wurde - reactjs, react-native
React-Toolbox-Installation auf einer reaktionsnativen App - node.js, reactjs, reactive-native, react-toolbox
React Native CheckBox funktioniert nicht - javascript, reactjs, reactive-native
Startprojekt für react-native - javascript, reactjs, react-native
Realm - Reagiere Native und Objective C - ios, reactjs, reaktionsnative, realm, realm-mobile-platform
wo bearbeite ich die app und reagiere nativ auf android - android, react-native, react-native-android