Layout - So gestaltet ihr eure App! (Flutter Tutorial #7)
Вставка
- Опубліковано 4 жов 2024
- In diesem Video widmen wir uns dem Layout eurer App. Wir behandeln Rows und Columns und zeigen euch wie ihr Elemente in diesen Ausrichten könnt.
Den Code findet ihr auch unter folgendem Link: github.com/sim...
Herzlich Willkommen auf dem UA-cam Channel von STARTUP TEENS!
Hier findest du die coolsten Erklärvideos zum Thema Unternehmertum in ganz Deutschland!
Natürlich produziert von simpleclub 😎
Wenn dir die Videos gefallen, empfehle uns deinen Freunden und teile unsere Videos!
» WAS IST STARTUP TEENS
STARTUP TEENS ist die erste Online-Plattform Deutschlands, die Jugendlichen unternehmerisches Denken und Handeln beibringt.
Und zwar in drei Schritten:
• EVENTS
• ONLINE TRAINING
• BUSINESS PLAN WETTBEWERB
Bei den Events wirst du von Unternehmern inspiriert, beim Online Training lernst du das Handwerkszeug des Unternehmertums und beim Business Plan Wettbewerb kannst du deine eigene Idee umsetzen und 7x 10.000 Euro gewinnen!
» ERFAHRE MEHR AUF
www.startuptee...
Endlich kommt flutter auch mal nach deutschland... Super solche Tutorials zu sehen, gerne mehr 👍🏽👍🏽
Nice! 😎
Diese Videoreihe ist einfach Goldwert!!! Vielen vielen Dank 🎉
😍
Geiles Video. Programmiere selber mit Dart und Flutter seit einem halben Jahr und es ist echt für Anfänger sehr gut erklärt. Weiter so
Danke 😎 Weiter soo 💪🍀
Kenning West alder 😂😂👌🏼 Mega Video ihr seid echt spitze und habt immer Platz für ein bisschen Humor zwischendurch. Find ich super
Bin ich der einzige der es ein bisschen zu schnell findet, also zum abschreiben könnte man es ja pausieren. Aber um wirklich einen eigenen Code zu schrieben muss man es verstehen und dafür reicht doch kurze Zeit und erklären nun Mal leider nicht aus. Sonnst ein gutes Video nur für blutige Anfänger abschreckend.
Programieren lernst du nur durch nachmachen und verstehen! Einfach die gezeigten inhalte nach bauen und rum experementieren ^^ dafür musst du so oder so das viedeo öfter zurückspulen und anhalten^^
Dadurch das fie video in einem abstand von 1 woche kommen würde ich so oder so raten sich mit den gezeigten Inhalten jetzt min 1 woche auseinander zu setzen ^^ so lernt man langfristig :)
@@zissgo ja das hast du vollkommen Recht, nur ich bin der Meinung daß viele die Grundstruktur einer Klasse oder das Prinzip vieler Elemente nicht verstanden haben. Ich lese und gucke mich schon seit zweit Jahren hinein und weiß so ungefähr was da abgeht, jedoch glaube ich nicht daß das für den Großteil hier auch gilt.
Aber das ist auch schon Kritik auf einem höheren Niveau, keine Frage die Videos sind von hoher Qualität und auch gut erklärt, nur ein ticken zu schnell.
@@benchytrek dafür ist ja die Docu da. Die Videos sollen auch nur einen groben Überblick geben. Viel lernt man dadurch nicht. Docu's sind des Programmierers bester Freund.
Hatte schon Panik, weil ich dachte ihr hättet die Reihe nicht fortgesetzt. Dann hab ich gesehen, dass die Videos ja sehr Aktuell sind.😅😀
Jungs, ihr seid grandios. Weiter so, wäre aber cool wenn ihr längere Videos machen könntet oder öfters welche raushauen.
Bis zum nächsten Mal
💪
Cooles Video 😎💪 vielleicht als Verbesserung, dass man ständig die App sieht. Also links der Code und rechts die App, aber ansonsten top 🙌
Danke für die Idee :)
Seit der Installation klappt alles perfekt! Richtig gut erklärt und es lässt Spielraum selbst herumzuprobieren 👍
Sehr gut erklärt, gerne mehr Videos von der Reihe!
Danke :)
soo mega geil... DANKE für die klasse Video Reihe !
Expanded(child:Image.network(url)) statt Expanded: (child:Image.network(url)).
Auch Image.network(url) statt Image.Network(url)
ich gehe mal davon aus, dass das an der neusten version liegt. also fals ihr die gleichen probleme habt: here you go.
Danke dir. Hat mir sehr geholfen
4:30 findet ihr auch dass die ) extrem unübersichtlich plaziert sind?
in der 3. letzten zeile zb sieht es so aus als wäre es das ende von "style: TextStyle(" aber wenn man genau hinschaut ist es in wirklichkeit das ende von "title: Text("
Da diese Conatiner geschichte mich stark an HTML/CSS erinnert wollte ich noch kurz fragen kann ich hier auch frontend technisch mit html oder css arbeiten?
Wie würde ich denn jetzt um den Tomaten Eintrag einen Rahmen machen können? Hab es mit BoxDecoration probiert, da kommt nichts bei rum, bzw nur Fehlermeldungen.
Bei mir ist checkbox Unterstrichen wie kann ich das Problem lösen? HILFE!
Das ist bei mir auch so, ich exakt den gleichen Code und trotzdem ist es unterstrichen!
Hast du mittlerweile eine Lösung gefunden?
@@larsweber1927 Hi, das Problem löst du ganz einfach in dem du das rot unterstrichende Wort Checkbox anklickst dann links auf die rote Lampe klickst. Bei der Liste die sich geöffnet hat wählst du Add Argument aus und das Fehlende Element wird eingefügt dann funktioniert dein Code wieder. Viel Erfolg beim Lernen 😊
1:39 Hier kann ich nicht gleichzeitig color und decoration des Containers festlegen. Warum? Lösung?
Ich hatte das gleiche Problem. Bin bei Stackoverflow auf die Lösung gestoßen:
Du musst die color Colors.bluegrey[200] ausschneiden und in die BoxDecoration kopieren/einfügen.
stackoverflow.com/questions/53678664/flutter-container-cannot-provide-both-a-color-and-a-decoration
@@sebbis4514 Danke man!
@@sebbis4514 Danke!
@@sebbis4514 Danke für den Tipp: Wir waren schon etwas verzweifelt...
Wäre ja super, wenn Ihr den korrekten Code nochmal hier im Kommentar oder im Video komplett bringen könntet!? Danke
bei mir wird checkbox rot angezeigt ich weis aber nicht warum
ab 1:33 min sagt ihr decoration, aber wenn ich genau das gleiche mache kommt da ein Fehler. Das Programm kennt kein decoration. Es kommen andere Wörter wie : ShapeDecoration.fromBoxDecoration(source) , oder wenn ich Decoration gross schreibe das : DecorationImage ,DecorationImagePainter etc.. bitte um Hilfe.
Danke im voraus.
Hallo,
sehr gute Videoreihe! Bitte weiter so.
ich hab ein kleines Problem, mir wird ein Fehler angezeigt:... "The function 'MyApp' isn't defined.
Try importing the library that defines 'MyApp'...obwohl alles bis zur Minute 1:29 funktioniert hat.
Jetzt aber, wenn ich den Code von 1:40 mit der 'Decoration' und 'Border' und so schreiben möchte funktioniert gar nichts mehr :(
Würde mich auf jede Hilfe freuen. Danke :)
1:37 Evtl muss der Block "color: Colors.blueGrey[200]," in BoxDecoration() mit drin stehen und nicht direkt in Container() war zumindest bei mir ein Problem :-)
Du bist doch der Synchronsprecher von karasuma aus assasinaton classroom
Oder ihre ich mich
Glaube nicht das ist und bleibt der Typ von Simple Club der mich durch mein Abi gebracht hat.
Der Typ von SimpleClub xD
Das ist mir ein wenig zu schnell und kompliziert erklärt worden. Kann man es denn nicht etwas verständlicher erklären? Sonst finde ich eure Videos sehr 👍 👍 👍 👍
Aus meinem Kopf kommt nur noch Rauch...
Kann mir einer verraten, warum der Code compiliert wird, wenn ich für den body das Text-Widget nutze, aber 2 Fehler entstehen, wenn ich das Text-Widget durch das Container-Widget ersetze? Wenn ihr den Code sehen wollt, hier: s12.directupload.net/images/200501/mk6ert9y.png
Ich bekomme folgende Fehlermeldung in der Konsole:
The following assertion was thrown building ToDo(dirty):
Cannot provide both a color and a decoration
The color argument is just a shorthand for "decoration: new BoxDecoration(color: color)".
'package:flutter/src/widgets/container.dart':
Failed assertion: line 319 pos 15: 'color == null || decoration == null'
@@mixschnack du kommentierst dir selbst ? Krasser Typ
+1
hi jemand hier der sehr gut programmieren kann und bock auf eine Kooperation hat?
was hat diese Scheiße eigentlich noch mit Programmieren zu tun... lernt mal vernünftig C und dann evtl Java.
Es geht ja genau darum das nicht zu lernen und einfach eine App zu Programieren denn nicht jeder hat die Zeit und die Lust sich solche Programiersprachen anzueigenen. Außerdem ist Flutter teilweise echt weit verbreitet und daher verstehe ich nicht warum es nicht genutzt werden sollte?
Wenn bei euch der Code bei 4:31 nicht funktioniert, ihr braucht noch: onChaged: (bool? value{},
Das behebt die Fehlermeldung: The named parameter 'onChange' is required, but there's no correspodending argument.
leading: Checkbox(
onChanged: (bool? value) {},
value: false,
),