Блог

сценарий: есть приложение в flutter с жестко запрограммированным списком из 20 карт, после выпуска сборки этого на моих устройствах со скоростью 120 кадров в секунду все еще кажется, что 60 кадров в секунду, как это исправить, в то время как родной аналог Android имеет плавный рендеринг со скоростью 120 кадров в секунду.

попробовал приведенный выше сценарий, будет ли виджет на основе прокрутки как на основе конструктора, так и на обычных.

Является ли недостатком flutter то, что он не отображается со скоростью 120 кадров в секунду.

На телефонах Android с дисплеем 120 Гц по умолчанию выбран неправильный режим отображения (например, 60 Гц вместо 120 Гц). Это можно легко исправить, тогда производительность на таких телефонах, как Oneplus 8T или Galaxy S20 , отличная.

1. Импорт flutter_displaymode библиотеки:

 flutter_displaymode: ^0.3.0-nullsafety.0
  

2. Добавьте это в свой корневой виджет (с отслеживанием состояния):

 class _YourAppState extends State<YourApp> {

  @override
  void initState() {
    setOptimalDisplayMode();
    super.initState();
  }

  Future<void> setOptimalDisplayMode() async {
    final List<DisplayMode> supported = await FlutterDisplayMode.supported;
    final DisplayMode active = await FlutterDisplayMode.active;

    final List<DisplayMode> sameResolution = supported.where(
            (DisplayMode m) => m.width == active.width
                amp;amp; m.height == active.height).toList()..sort(
            (DisplayMode a, DisplayMode b) =>
                b.refreshRate.compareTo(a.refreshRate));

    final DisplayMode mostOptimalMode = sameResolution.isNotEmpty
        ? sameResolution.first
        : active;

    /// This setting is per session.
    /// Please ensure this was placed with `initState` of your root widget.
    await FlutterDisplayMode.setPreferredMode(mostOptimalMode);
  }
}
  

Обратите внимание, что сейчас нет iPhone с частотой 120 Гц, поэтому нет необходимости их запускать.

Вы должны профилировать свои показатели производительности. проверьте это https://flutter.dev/docs/perf/rendering/ui-performance

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

 MediaQuery.of(context).size