Flutter FutureBuilder разрешается несколько раз без вызова build()

Пожалуйста, попробуйте это решение /// provider package up super.initState();

Ваш код будет таким

  @override
  void initState() {
    /// provider package
    final homeService = context.read<HomeService>();
    myFuture = _memoizer.runOnce(homeService.getMyData);
    super.initState();
  }

Пожалуйста, после того, как попробуете, сообщите мне результат

Передача потомка context в FocusScope.of не вызовет build(), я думаю, потому что диспетчер фокуса удаляет дочерний элемент для этого родителя (FutureBuilder) и переназначает его на основе текущего контекста, в данном случае build() контекста, поэтому futurebuilder необходимо перестроить.

Widget build(BuildContext context) {
    print("[HOME] HOME SCREEN BUILD CALLED: $hashCode");
    return FutureBuilder(
      future: myFuture,
      builder: (context, snapshot) {
        print("[HOME] HOME SCREEN FUTURE BUILDER CALLED WITH STATE ${snapshot.connectionState}: $hashCode");
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Scaffold(
            body: Center(
              child: CircularProgressIndicator(),
            ),
          );
        }
        //make StatefulBuilder as parent will prevent it
        return StatefulBuilder(
          builder: (context, setState) {
            return GestureDetector(
              onTapUp: (details) {
                // hide the keyboard if it's showing
                FocusScopeNode currentFocus = FocusScope.of(context);
                if (!currentFocus.hasPrimaryFocus) {
                  currentFocus.unfocus();
                }
                // FocusManager.instance.primaryFocus?.unfocus();
              },
              child: const Scaffold(
                body: Center(
                  child: Padding(
                    padding: EdgeInsets.symmetric(horizontal: 32.0),
                    child: TextField(),
                  ),
                ),
              ),
            );
          }
        );
      },
    );
  }

Чтобы доказать это, я пытаюсь деформировать родителя (FutureBuilder) с помощью другого строителя:

return LayoutBuilder(
      builder: (context, box) {
        print('Rebuild');
        return FutureBuilder(
          future: myFuture,
          builder: (context, snapshot) {
            print("[HOME] HOME SCREEN FUTURE BUILDER CALLED WITH STATE ${snapshot.connectionState}: $hashCode");
            if (snapshot.connectionState == ConnectionState.waiting) {
              return const Scaffold(
                body: Center(
                  child: CircularProgressIndicator(),
                ),
              );
            }

            return GestureDetector(
              onTapUp: (details) {
                // hide the keyboard if it's showing
                FocusScopeNode currentFocus = FocusScope.of(context);
                if (!currentFocus.hasPrimaryFocus) {
                  currentFocus.unfocus();
                }
                // FocusManager.instance.primaryFocus?.unfocus();
              },
              child: const Scaffold(
                body: Center(
                  child: Padding(
                    padding: EdgeInsets.symmetric(horizontal: 32.0),
                    child: TextField(),
                  ),
                ),
              ),
            );


          },
        );
      }
    );

Build() метод не вызывается повторно, потому что менеджер focusScope только перестраивает контекст из FutureBuilder (родительский)

Спасибо за полный воспроизводимый пример.

Print утверждения внутри builder метода вашего FutureBuilder, вероятно, вводят вас в заблуждение относительно неправильного «виновника».

Ключевая «проблема» возникает из этой строки:

FocusScopeNode currentFocus = FocusScope.of(context);

Если вы не знали, .of статические методы Flutter предоставляют API InheritedWidget. По соглашению, в методе .of вы обычно можете найти вызов dependOnInheritedWidgetOfExactType, который предназначен для регистрации вызывающей стороны, то есть дочерних Widget, как зависимости, то есть Widget, который зависит и реагирует на изменения InheritedWidget этого типа.

Короче говоря, размещение .of внутри метода build предназначено для запуска перестроений вашего Widget: он активно зарегистрирован для прослушивания изменений!

В вашем коде метод FutureBuilder builder регистрируется как зависимый от FocusScope.of и будет перестроен, если FocusScope изменится. И да, это происходит всякий раз, когда мы меняем фокус. В самом деле, вы даже можете переместить эти несколько строк вверх (снаружи GestureDetector, непосредственно в области builder), и вы получите еще больше перестроек (4: одна для первого изменения фокуса, затем другие последующие, вызванные сдвигом фокуса, вызванным такими перестраивает).

Одним из быстрых решений может быть прямой поиск связанных InheritedWidget этих API-интерфейсов, а затем вместо простого .of вы должны вызвать:

context.getElementForInheritedWidgetOfExactType<T>();

РЕДАКТИРОВАТЬ. Я просто искал T в вашем случае использования. К сожалению, оказывается, что это класс _FocusMarker extends InheritedWidget, который является закрытым классом, и поэтому его нельзя использовать вне своего файла/пакета. Я не уверен, почему они разработали API таким образом, но я не знаком с FocusNodes.

Альтернативным подходом было бы просто изолировать детей для вашего FutureBuilder, например так:

builder: (context, snapshot) {
  print("[HOME] HOME SCREEN FUTURE BUILDER CALLED WITH STATE ${snapshot.connectionState}: $hashCode");
  // ...
  return Something();
}

Где Something — это просто рефакторинг StatelessWidget, который содержит пользовательский интерфейс, который вы там показали. Это перестроит только Something, а не весь builder метод, если это вас беспокоит.

Если вы хотите углубить «как» и «почему» InheritedWidget, обязательно сначала посмотрите это видео , чтобы правильно понять, что такое InheritedWidget. Затем, если вы хотите понять, как использовать didChangeDependencies, посмотрите это другое видео, и все будет хорошо.

Вы должны понимать роль BuildContext.

Пример-1:

Я использую context, переданный методу Widget.build(), и делаю

FocusScope.of(context).unfocus();

Вызовет как build(), так и builder() метод, потому что вы говорите Flutter убрать фокус с любого виджета в context, и поэтому вызывается Widget.build(), который далее вызывает метод Builder.builder().

// Example-1
@override
Widget build(BuildContext context) {
  print("Widget.build()");

  return Builder(builder: (context2) {
    print('Builder.builder()');
    return GestureDetector(
      onTap: () => FocusScope.of(context).unfocus(), // <-- Using `context`
      child: Scaffold(
        body: Center(
          child: TextField(),
        ),
      ),
    );
  });
}

Пример-2:

Я использую context2, переданный методу Builder.builder(), и делаю

FocusScope.of(context2).unfocus();

Будет вызывать только метод builder(), потому что вы говорите Flutter убрать фокус с любого виджета внутри context2, и поэтому вызывается Builder.builder().

// Example-2
@override
Widget build(BuildContext context) {
  print("Widget.build()");

  return Builder(builder: (context2) {
    print('Builder.builder()');
    return GestureDetector(
      onTap: () => FocusScope.of(context2).unfocus(), // <-- Using `context2`
      child: Scaffold(
        body: Center(
          child: TextField(),
        ),
      ),
    );
  });
}

Чтобы ответить на ваш вопрос, если вы замените

builder: (context, snapshot) { ...}

С

builder: (_, snapshot) { }

Тогда ваш build() также будет вызван.

• Разница возникла из-за того, что context, который вы используете, является родителем контекст (из метода будущего строителя). Просто оберните GestureDetector с помощью Builder, тогда результат будет таким же, как и во втором способе.

       return Builder(builder: (_context) {
         return GestureDetector(
           onTapUp: () {
             // hide the keyboard if it's showing
             final currentFocus = FocusScope.of(_context);
             if (!currentFocus.hasPrimaryFocus) {
               currentFocus.unfocus();
             },
           } ...
  

• При попытке отключить клавиатуру мы должны использовать второй способ FocusManager.instance.primaryFocus?.unfocus(); как обсуждение в официальном выпуске здесь: https://github.com/flutter/flutter/issues/20227#issuecomment-512860882 https://github.com/flutter/flutter/issues/19552