Ich lerne Material-ui, indem ich das richtige Navigationsmenü wie dieses mache: Ссылка oder am wenigsten so: Ссылка
Ich benutze Schublade, um meine Sidebar zu machen, das Problem ist, wenn die Sidebar umgeschaltet wird, verbirgt es den Inhalt auf der rechten Seite. Ich möchte, wenn meine Sidebar umgeschaltet wird, hat es stattgefunden und den Inhalt nach rechts schieben und sowohl Sidebar und Inhalt haben ihre eigene Scrollbar. Hier ist mein aktueller Code:
Sidebar.js:
%Vor%Mein Layout.js:
%Vor%Dies ist beabsichtigt. "Material Design", das heißt:)
Was du verlangst, wäre nicht länger eine Schublade, wie in der Material Design-Spezifikation beschrieben. Material-ui versucht, dieser Spezifikation treu zu folgen.
Sie werden wahrscheinlich Ihre eigene Komponente erstellen müssen, weil ich nicht glaube, dass Sie in der Lage sein werden, das von der Drawer-Komponente gerenderte Markup und Inline-CSS ausreichend zu manipulieren, um das zu erreichen, wonach Sie suchen.
Ich bin nicht sicher, ob sich Material Design geändert hat, seit es veröffentlicht wurde, aber ich denke, dass OP "Persistent" Drawer beschreibt, das in der Spezifikation definiert ist. Schau unter "Verhalten". Material-ui bietet jedoch keine persistente Schublade.
Hier ist eine anständige Arbeit mit der aktuellen Material-Ui-Schublade, indem Sie den Inhalt auf die gleiche Breite wie die Schublade schieben.
How um den Material-UI-Drawer dazu zu bringen, anderen Inhalt zu öffnen, wenn er geöffnet ist
Dies kann mit der neuen Version von Material-UI erreicht werden.
Sehen Sie sich diese Demos an.
Das Verhalten wird in der Materialspezifikation unter "Persistent" beschrieben. Überschrift.
Die erwähnte Version von Material-UI ist v1.0.0-beta.38 . Bisher habe ich festgestellt, dass es sehr stabil ist.
Tags und Links reactjs material-ui