Dart
Verwandle Dart-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.
Dart-Snippets sind meist Flutter-Widgets, also tief verschachtelte Bäume, die mehr vertikalen Platz brauchen als die meisten Sprachen.
Codeshot erkennt Dart an dem Code, den du einfügst; es gibt also keine Sprachauswahl, die man falsch treffen kann. Hier ist dasselbe Snippet in drei der 30 mitgelieferten Themes, gerendert mit den Stylesheets der App.
class BadgeView extends StatelessWidget {
const BadgeView({super.key, required this.count});
final int count;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(6),
child: Text('$count'),
);
}
}class BadgeView extends StatelessWidget {
const BadgeView({super.key, required this.count});
final int count;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(6),
child: Text('$count'),
);
}
}class BadgeView extends StatelessWidget {
const BadgeView({super.key, required this.count});
final int count;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(6),
child: Text('$count'),
);
}
}Widget-Bäume rücken schnell ein. Ein Hochformat hält die Verschachtelung sichtbar, ohne den Text für einen Querformat-Rahmen zu verkleinern.
Lass das Bild dem Inhalt folgen oder lege es auf ein Verhältnis fest — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 oder 3:4 — und exportiere dann mit 1×, 2× oder 3×, damit es auf Retina-Displays scharf bleibt. Kopiere es mit ⌘⇧C direkt in die Zwischenablage oder sichere mit ⌘S.
Sieh dir alle 30 Themes im Vergleich an oder lies den kompletten Ablauf.
Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.