A simple FPS monitor for Flutter

Last update: Nov 22, 2022

Related tags

Overview

statsfl - A simple FPS monitor for Flutter

🔨 Installation

dependencies:
  statsfl: ^2.2.0+1

⚙ Import

import 'package:statsfl/statsfl.dart';

🕹️ Usage

Just wrap your root view in the StatsFl widget:

StatsFl(child: MyApp());

There are a few additional options you can play with:

return StatsFl(
        isEnabled: true, //Toggle on/off
        width: 600, //Set size
        height: 20, //
        maxFps: 90, // Support custom FPS target (default is 60)
        showText: true, // Hide text label
        sampleTime: .5, //Interval between fps calculations, in seconds.
        totalTime: 15, //Total length of timeline, in seconds.
        align: Alignment.topLeft, //Alignment of statsbox
        child: MyApp());

🐞 Bugs/Requests

If you encounter any problems please open an issue. If you feel the library is missing a feature, please raise a ticket on Github and we'll look into it. Pull request are welcome.

📃 License

MIT License

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. Need help? Please do not submit an issue for a "

Jan 8, 2023

Flutter Slides utilizes Flutter Desktop Embedding to provide a simple slide presentation app

Flutter Slides Flutter Slides utilizes Flutter Desktop Embedding to provide a simple slide presentation app. Presentations are data driven from files

Oct 31, 2022

Recipes app in flutter using API to get data. Amazing Recipes app UI in Flutter using dart with simple widgets.

Food Recipe App In Flutter Using API'S Recipe App in Flutter Subscribe Our YouTube Channel. Visit Website Demo OutPut Images ## 🔗 Links Getting Start

Dec 26, 2022

Flutter Counter is a plugin written in dart for flutter which is really simple and customizeable.

Flutter Counter (iOS & Android) Description Flutter Counter is a plugin written in dart for flutter which is really simple and customizeable. Create i

Sep 18, 2022

Flutter-Ebook - A Simple ebook app with Flutter

Flutter-Ebook I make a ebook with Flutter

Dec 13, 2022

Nyt-flutter-clean-architecture-unit-test - Simple Flutter project built based on BLoC and Clean architecture with both Unit and integration tests

Table of Content News Reader Requirements API Key App Architecture Model/Entitie

Dec 15, 2022

Flutter-clean-architecture - A simple flutter project developed with TDD and using Clean Architecture principles.

Clean Architecture This is a study project to practice TDD and a good approach of Clean Architecture for flutter projects. It is based on Reso Coder s

Jul 21, 2022

Xylophone flutter - A simple xylophone app made audioplayers package in flutter

Xylophone 🎹 Our Goal In this tutorial we will be diving into more Dart programm

Dec 8, 2022

This is an open source Tips & Tricks for Flutter, that helps flutter Developers write simple but powerful dart codes.

Showcasing-flutter - This is an open source Tips & Tricks for Flutter, that helps flutter Developers write simple but powerful dart codes.

Jan 4, 2022

Comments

Seeing 60 FPS while app is running on 144Hz

I'm running a MacOS app on a 144Hz screen in Profile Mode. While my profiler shows 144 FPS average, I only see 60 FPS within StatsFl.

Once the framerate drops to below 60 (due to heavy and unoptimised animations), i'm seeing values similar to the ones provided by the profiler.

opened by jenshor 6
Capability of measuring more than 60 Fps

I'm trying to set the DisplayMode of my App to 90 Hz by using this package. Besides I'm using the StatsFl-Package to track if it's working. Currently I'm not sure if this package is capable of measuring more than 60 Fps - as it looks like locked to 60 Fps max. Would be helpful if I could be sure the problem is not on the side of StatsFl.

Thanks for any help!

opened by C4s4r 3
Polishing and refactoring
Hi @esDotDev @gskinner, thanks for your awesome plugin!

We used it on our project and it works very well, but we noticed some slight things that could potentially be improved:

Migrate from ChangeNotifier to ValueNotifier as State and ChangeNotifier both have dispose() so we are getting into this issue https://github.com/flutter/flutter/issues/24293

Moving isEnabled a bit down as we wanted to place FPS monitor above MaterialApp. If we pass MaterialApp as FPS monitor child - FPS monitor is displayed under dialog background - which we don't want to have, otherwise is FPS monitor over MaterialApp on isEnabled it messes up with the navigator.

As we implemented FPS monitor visibility toggle guys wanted to make sure that the ticker stops/starts on isEnabled update.

Let me know what you think or if we missed something. Thanks, Illia
opened by illia-romanenko 1
FIX: fps value format support 120hz

The default format method is double.toStringAsPrecision(2) , but when the device max fps is 120hz, the display value will like 1.2e+2

The finally display result:

opened by litang0908 0

Owner

gskinner team

We collaborate with smart, motivated clients to conceptualize, design, and build world-class interactive experiences.

GitHub

Kc - A Simple App Solution for Calculation Fraction (Kali) size of a Lehenga. this is very useful for Fashion designers and tailors. Simple UI with best User Experience.

kc A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is yo

0 Jan 8, 2022

A simple FPS monitor for Flutter

Related tags

Overview

statsfl - A simple FPS monitor for Flutter

🔨 Installation

⚙ Import

🕹️ Usage

🐞 Bugs/Requests

📃 License

You might also like...

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

Flutter Slides utilizes Flutter Desktop Embedding to provide a simple slide presentation app

Recipes app in flutter using API to get data. Amazing Recipes app UI in Flutter using dart with simple widgets.

Flutter Counter is a plugin written in dart for flutter which is really simple and customizeable.

Flutter-Ebook - A Simple ebook app with Flutter

Nyt-flutter-clean-architecture-unit-test - Simple Flutter project built based on BLoC and Clean architecture with both Unit and integration tests

Flutter-clean-architecture - A simple flutter project developed with TDD and using Clean Architecture principles.

Xylophone flutter - A simple xylophone app made audioplayers package in flutter

This is an open source Tips & Tricks for Flutter, that helps flutter Developers write simple but powerful dart codes.

Comments

Seeing 60 FPS while app is running on 144Hz

Capability of measuring more than 60 Fps

Polishing and refactoring

FIX: fps value format support 120hz

Owner

gskinner team

Achieve ~60 FPS, no matter how heavy the tree is to build/layout

GoodBudget - A budget monitor or expense tracker Flutter application that persists data with Hive NoSQL database.

Off-road-inclinometer - A Flutter app to monitor pitch and roll when off roading

Flutter simple image crop - A simple and easy to use flutter plugin to crop image on iOS and Android

Simple Chat UI - This template is a simple chat ui build with flutter ui toolkit.

Simple calulator - A Simple Flutter Calculator project

Simple-Calculator-App - Simple Calculator App using Flutter

A simple project that will help you learn how to build a simple face filter app with Flutter and Deep AR

Simple WebRTC for flutter (similar to the simple-peer project)

Kc - A Simple App Solution for Calculation Fraction (Kali) size of a Lehenga. this is very useful for Fashion designers and tailors. Simple UI with best User Experience.