Ein Blog rund um moderne Webtechnologien. Schwerpunkte sind die Programmiersprache Dart, und das SDK Flutter von Google. Die Posts enthalten in der Regel getestete Code - Beispiele.
Flutter - Smartherd
Link abrufen
Facebook
X
Pinterest
E-Mail
Andere Apps
Hier eine You-Tube Empfehlung für Flutter Interessierte : Smartherd . Die in diesem Channel publizierten Videos sind von guter Qualität und ansprechendem Informationsgehalt für Flutter Neulinge
In diesem Post vertiefe ich ein Thema, das schon im letzten Post eine kleine Rolle gespielt hat. Du erinnerst Dich, wir hatten u. A. einen Blick auf Margin und Padding geworfen. Den Raum das ein Widget auf dem Bildschirm einnimmt, kann man als Rechteck betrachten. Ein Layout besteht also aus einer Menge von Rechtecken, die auch ineinander verschachtelt sein können. Grob gesprochen (geschrieben) 😀. Der Abstand zu benachbarten Widgets , der Abstand zu child: Widgets , ist dementsprechend ein wichtiger Punkt beim erstellen eines Layouts in Flutter. Dabei muss man erwähnen das auch ein Padding(...) Widget existiert. Auf dieses Widget gehe ich in einem anderen Post ein. Grundlagen Falls Du den entsprechenden Post auf diesem Blogg nicht gelesen hast, hier noch einmal ein Bild zu Margin und Padding : Im Bild oben ist Content dein child: Widget ! Border und Padding gehören zu dem Eltern Widget . Dem Widget also, welchem Du die Werte für die Parameter margin: und padding: übe...
Im letzten Artikel zu Dart haben wir uns ja mit, abstrakten Klassen beschäftigt. Ein zugegebener Massen abstraktes Thema (dieser flache Scherz musste jetzt sein) . In diesem Artikel geht es um Parameter, also Übergabewerte. Nicht wenige Funktionen verrichten ihre Arbeit nur, wenn wir Ihnen einen, oder mehrere Werte beim Aufruf übergeben. Dabei kann jede Funktion zwei Arten von Parametern übernehmen: benötige(Pflicht) Werte und optionale . Beispiel: Funktion mit Parametern In diesem sehr einfach Beispielcode wird eine Funktion benutzt, die zwei Zeichenketten als Übergabewerte erwartet. Sollten wir diese Funktion ohne, oder mit nur einem Parameter aufrufen, oder sollten die Übergabewerte den falschen Typ haben, wird uns der Compiler einen Fehler melden . Im Beispiel haben wir also zwei Pflichtwerte zu übergeben. Das Beispiel können wir jetzt um optionale Parameter erweitern. Optionale Parameter gibt es in zwei Varianten : solche die wir durch ihre Position definier...
Bisher hatten wir in dieser kleinen Flutter Serie schon einige Widgets angewandt. Row , Column , Container , aber auch das Text oder Image Widget hast Du schon im Einsatz gesehen. In diesem Post geht es nun um ein interaktives Element: den Button ! Kaum eine modernes User Interface kommt ohne ihn aus. Natürlich hat hier auch Flutter seine Möglichkeiten. Wer sich für Google's Meinung zu Buttons interessiert, findet hier interessante Informationen ! Elevated Button Wenn Du elevated auf Deutsch übersetzt, erhälst du das Wort erhöht . Konkret ist damit gemeint, das es scheint, als sei der Button vom Hintergrund abgehoben. Das wird dadurch erreicht, das er einen dezenten Schatten wirft, der sich verstärkt, wenn Du ihn anklickst. class MeinButton extends StatelessWidget { @ override Widget build(BuildContext context) { return Container( child: ElevatedButton( onPressed: () {}, child: Text( 'Mein Button' ), style: ElevatedButton....
Kommentare
Kommentar veröffentlichen