Dart
Transforme trechos de Dart em imagens que valem a pena compartilhar, sem sair do seu Mac.
Trechos de Dart costumam ser widgets Flutter, ou seja, árvores bem aninhadas que pedem mais espaço vertical do que a maioria das linguagens.
O Codeshot detecta Dart pelo código que você cola, então não há seletor de linguagem para errar. Aqui está o mesmo trecho em três dos 30 temas inclusos, renderizados com as folhas de estilo do próprio 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'),
);
}
}Árvores de widgets indentam rápido. Uma proporção retrato mantém o aninhamento visível sem encolher o texto para caber num enquadramento deitado.
Deixe a imagem seguir o conteúdo ou fixe uma proporção — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — e exporte em 1×, 2× ou 3× para que continue nítida em telas retina. Copie direto para a área de transferência com ⌘⇧C ou salve com ⌘S.
Veja os 30 temas lado a lado ou leia o fluxo completo.
Tudo roda no seu Mac. Seu código nunca sai dele.