Dart
Convierte fragmentos de Dart en imágenes que merece la pena compartir, sin salir de tu Mac.
Los fragmentos de Dart suelen ser widgets de Flutter, es decir, árboles muy anidados que necesitan más alto que la mayoría de lenguajes.
Codeshot detecta Dart a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia 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'),
);
}
}Los árboles de widgets se indentan rápido. Una proporción de retrato mantiene visible el anidamiento sin encoger el texto para que quepa en un marco apaisado.
Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con ⌘⇧C o guárdala con ⌘S.
Mira los 30 temas comparados o lee el flujo completo.
Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.