Flutter: Chạy phương pháp trên bản dựng Widget hoàn chỉnh

Tôi muốn có thể chạy các chức năng sau khi một Widget đã hoàn thành việc xây dựng / tải nhưng tôi không chắc về cách thức. Trường hợp sử dụng hiện tại của tôi là kiểm tra xem người dùng có được xác thực hay không và nếu không, hãy chuyển hướng đến chế độ xem đăng nhập. Tôi không muốn kiểm tra trước và đẩy chế độ xem đăng nhập hoặc chế độ xem chính, nó cần phải xảy ra sau khi chế độ xem chính đã tải. Có bất cứ điều gì tôi có thể sử dụng để làm điều này?

Bạn đã có thể sử dụng

https://github.com/slightfoot/flutter_ after_layout

thực thi một chức năng chỉ một lần sau khi hoàn thành bố cục. Hoặc chỉ cần xem triển khai của nó và thêm nó vào mã của bạn :-)

Về cơ bản là

  void initState() {
    super.initState();
    WidgetsBinding.instance
        .addPostFrameCallback((_) => yourFunction(context));
  }

CẬP NHẬT: Flutter v1.8.4

Cả hai mã được đề cập hiện đang hoạt động:

Đang làm việc:

WidgetsBinding.instance
        .addPostFrameCallback((_) => yourFunction(context));

Đang làm việc

import 'package:flutter/scheduler.dart';

SchedulerBinding.instance.addPostFrameCallback((_) => yourFunction(context));

Có 3 cách khả thi:

1) WidgetsBinding.instance.addPostFrameCallback((_) => yourFunc(context));

2) Future.delayed(Duration.zero, () => yourFunc(context));

3) Timer.run(() => yourFunc(context));

Về phần context, tôi cần nó để sử dụng Scaffold.of(context)sau khi tất cả các widget của tôi được hiển thị.

Nhưng theo ý kiến ​​khiêm tốn của tôi, cách tốt nhất để làm điều đó là:

void main() async {
  WidgetsFlutterBinding.ensureInitialized(); //all widgets are rendered here
  await yourFunc();
  runApp( MyApp() );
}

Flutter 1.2 - phi tiêu 2.2

Theo các nguyên tắc và nguồn chính thức, nếu bạn muốn chắc chắn rằng khung cuối cùng của bố cục cũng được vẽ, bạn có thể viết ví dụ:

import 'package:flutter/scheduler.dart';

void initState() {
   super.initState();
   if (SchedulerBinding.instance.schedulerPhase == SchedulerPhase.persistentCallbacks) {
        SchedulerBinding.instance.addPostFrameCallback((_) => yourFunction(context));
   }
}

Nếu bạn đang tìm kiếm componentDidMounttương đương của ReactNative , Flutter có nó. Nó không đơn giản nhưng nó hoạt động theo cùng một cách. Trong Flutter, Widgets không xử lý trực tiếp các sự kiện của chúng. Thay vào đó họ sử dụng Stateđối tượng của mình để làm điều đó.

class MyWidget extends StatefulWidget{

  @override
  State<StatefulWidget> createState() => MyState(this);

  Widget build(BuildContext context){...} //build layout here

  void onLoad(BuildContext context){...} //callback when layout build done
}

class MyState extends State<MyWidget>{

  MyWidget widget;

  MyState(this.widget);

  @override
  Widget build(BuildContext context) => widget.build(context);

  @override
  void initState() => widget.onLoad(context);
}

State.initStatengay lập tức sẽ được gọi khi màn hình kết thúc việc hiển thị bố cục. Và sẽ không bao giờ được gọi lại ngay cả khi tải lại nóng nếu bạn đang ở chế độ gỡ lỗi, cho đến khi đạt đến thời gian rõ ràng để làm như vậy.

Trong phiên bản Flagship 1.14.6, phiên bản Dart 28.

Dưới đây là những gì phù hợp với tôi, Bạn chỉ cần gói mọi thứ bạn muốn xảy ra sau phương thức xây dựng thành một phương thức hoặc hàm riêng biệt.

@override
void initState() {
super.initState();
print('hello girl');

WidgetsBinding.instance
    .addPostFrameCallback((_) => afterLayoutWidgetBuild());

}

Hãy thử Lập lịch biểuBinding,

 SchedulerBinding.instance
                .addPostFrameCallback((_) => setState(() {
              isDataFetched = true;
            }));

Cách tốt nhất để làm điều này,

1. WidgetBinding

WidgetsBinding.instance.addPostFrameCallback((_) {
      print("WidgetsBinding");
    });

2. WidgetBinding

SchedulerBinding.instance.addPostFrameCallback((_) {
  print("SchedulerBinding");
});

Nó có thể được gọi bên trong initState, cả hai sẽ chỉ được gọi một lần sau khi Xây dựng các vật dụng hoàn tất với việc kết xuất.

@override
  void initState() {
    // TODO: implement initState
    super.initState();
    print("initState");
    WidgetsBinding.instance.addPostFrameCallback((_) {
      print("WidgetsBinding");
    });
    SchedulerBinding.instance.addPostFrameCallback((_) {
      print("SchedulerBinding");
    });
  }

cả hai mã trên sẽ hoạt động giống nhau vì cả hai đều sử dụng khuôn khổ ràng buộc tương tự. Để có sự khác biệt, hãy tìm liên kết dưới đây.

https://medium.com/flutterworld/flutter-schedulerbinding-vs-widgetsbinding-149c71cb607f

Nếu bạn chỉ muốn thực hiện điều này một lần, thì hãy làm điều đó vì Khung công tác sẽ gọi initState()phương thức chính xác một lần cho mỗi đối tượng Trạng thái mà nó tạo ra.

 @override
  void initState() {
    super.initState();
    WidgetsBinding.instance
        .addPostFrameCallback((_) => executeAfterBuildComplete(context));
  }

Nếu bạn muốn thực hiện điều này lặp đi lặp lại như quay lại hoặc điều hướng đến màn hình tiếp theo và v.v., hãy làm điều đó vì didChangeDependencies()Được gọi khi một phụ thuộc của đối tượng Trạng thái này thay đổi.

Ví dụ, nếu cuộc gọi trước đó buildtham chiếu đến một InheritedWidgetmà sau đó đã thay đổi, khung công tác sẽ gọi phương thức này để thông báo cho đối tượng này về sự thay đổi.

Phương thức này cũng được gọi ngay sau đó initState. Nó là an toàn để gọi BuildContext.dependOnInheritedWidgetOfExactTypetừ phương pháp này.

 @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    WidgetsBinding.instance
        .addPostFrameCallback((_) => executeAfterBuildComplete(context));
  }

Đây là chức năng Gọi lại của bạn

executeAfterBuildComplete([BuildContext context]){
    print("Build Process Complete");
  }