Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.1.0+3

fps_jank_flash_widget

Ein Flutter-Widget, das blinkt, wenn Flutter innerhalb eines bestimmten Zeitrahmens kein Frame rendert.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
8
Likes
22
Pub-Punkte
160

Paket installieren

flutter pub add fps_jank_flash_widget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Der fps_jank_flash_widget ist ein Flutter-Leistungsüberwachungstool, das visuell blinkt, wenn die App innerhalb eines festgelegten Zeitrahmens keine Frames rendert. Für Entwickler konzipiert, hilft er dabei, Rendering-Engpässe zu erkennen, indem er zuckende oder reaktionslose UI-Momente in Echtzeit hervorhebt. Das Widget lässt sich nahtlos auf allen wichtigen Plattformen – Android, iOS, Web, macOS, Windows und Linux – integrieren und ist daher während der Entwicklung und Tests nützlich. Besonders effektiv ist es zur Diagnose von Frame-Drops und zur Optimierung von Animationen oder komplexen Layouts.

Anwendungsfälle

  • Echtzeit-Leistungsdebugging
  • UI-Jank während Animation erkennen
  • Testen der App-Reaktionsfähigkeit auf verschiedenen Geräten
  • Optimierung komplexer Widget-Bäume
  • Überwachung der Bildratenkonsistenz

Hauptmerkmale

  • Visueller Flash-Indikator für verlorene Frames
  • Plattformübergreifende Kompatibilität
  • Konfigurierbarer Schwellwert für Jank-Erkennung
  • Minimaler Setup mit pub add
  • Laufzeitfeedback ohne zusätzliche Werkzeuge

Geeignet für

  • Flutter-Entwickler beheben Leistungsprobleme
  • Teams, die sich auf reibungslose Benutzeroberflächen-Erfahrungen konzentrieren
  • App-Tester überprüfen die Stabilität der Bildrate
  • Bildschirmrendering zum Lernen

Hinweise

  • Nicht empfehlenswert für Produktionsbuilds
  • Kann während Benutzerprüfungen ablenken
  • Benötigt manuelle Aktivierung
  • Beschränkt auf visuelle Rückmeldung nur
  • Leistungsüberhaupt bei hochfrequenten Szenarien

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

FPS Jank Flash widget

A flutter widget that flashes when flutter fails to render a frame in a certain timeframe

lesnitsky.dev GitHub stars Twitter Follow

Installation

flutter pub add fps_jank_flash_widget
flutter packages get

Usage

import 'package:fps_jank_flash_widget/fps_jank_flash_widget.dart';

void main() {
  const frameBudget = Duration(milliseconds: 17); // 60 fps
  FPSJankFlash.frameBudget = frameBudget;

  runApp(FPSJankFlash.overlay(child: const MyApp()));
}

FPSJankFlash could be used directly:

import 'package:fps_jank_flash_widget/fps_jank_flash_widget.dart';

class SomeWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Column(
         children: [
            /// ... your widgets,
          ],
        ),
        const FPSJankFlash(),
      ]
    );
  }
}

You can also use a JankObserver:

import 'package:fps_jank_flash_widget/fps_jank_flash_widget.dart';

void main() {
  JankObserver.addListener(() {
    print('jank detected');
  });

  runApp(YourApp());
}

If you're testing the app on a higher refresh rate displays, override the frame duration budget:

import 'package:fps_jank_flash_widget/fps_jank_flash_widget.dart';


void main() {
  const refreshRate = 120;
  final budgetMs = 1000 ~/ refreshRate;
  FPSJankFlash.frameBudget = Duration(milliseconds: budgetMs);

  runApp(FPSJankFlash.overlay(child: const MyApp()));
}

License

MIT

lesnitsky.dev GitHub stars Twitter Follow

Kategorien

Leistungs- und Absturzinsight

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.