Dart

Генератор изображений кода Dart

Превращайте фрагменты Dart в изображения, которыми хочется делиться, не покидая Mac.

Сниппеты на Dart — обычно виджеты Flutter, то есть глубоко вложенные деревья, которым нужно больше высоты, чем большинству языков.

Codeshot определяет Dart по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.

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'),
    );
  }
}

Atom One · тёмная

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'),
    );
  }
}

GitHub · тёмная

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'),
    );
  }
}

Tokyo Night · тёмная

Как выбрать тему для Dart

Деревья виджетов быстро уходят вправо. Портретное соотношение сохраняет вложенность видимой, не уменьшая текст ради альбомного кадра.

Как выбрать размер

Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием ⌘⇧C или сохраните через ⌘S.

Посмотрите все 30 тем рядом или прочитайте весь процесс.

Сделано для Dart и ещё 59 языков

Всё работает на вашем Mac. Код никогда его не покидает.

Скачать для macOS