Flutter: เรียกใช้ method บน Widget build complete

ฉันต้องการเรียกใช้ฟังก์ชันเมื่อวิดเจ็ตสร้าง / โหลดเสร็จแล้ว แต่ฉันไม่แน่ใจว่าจะทำอย่างไร กรณีการใช้งานปัจจุบันของฉันคือการตรวจสอบว่าผู้ใช้ได้รับการพิสูจน์ตัวตนหรือไม่และถ้าไม่ให้เปลี่ยนเส้นทางไปยังมุมมองการเข้าสู่ระบบ ฉันไม่ต้องการตรวจสอบก่อนและดันทั้งมุมมองการเข้าสู่ระบบหรือมุมมองหลักซึ่งจะต้องเกิดขึ้นหลังจากที่โหลดมุมมองหลักแล้ว มีอะไรที่ฉันสามารถใช้เพื่อทำสิ่งนี้ได้หรือไม่?

คุณสามารถใช้

https://github.com/slightfoot/flutter_after_layout

ซึ่งเรียกใช้ฟังก์ชันเพียงครั้งเดียวหลังจากการจัดวางเสร็จสมบูรณ์ หรือเพียงแค่ดูการใช้งานและเพิ่มลงในโค้ดของคุณ :-)

ซึ่งโดยพื้นฐานแล้ว

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

อัปเดต: Flutter v1.8.4

รหัสที่กล่าวถึงทั้งสองใช้งานได้แล้ว:

การทำงาน:

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

กำลังทำงาน

import 'package:flutter/scheduler.dart';

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

มี 3 วิธีที่เป็นไปได้:

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

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

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

สำหรับcontextฉันต้องการมันเพื่อใช้Scaffold.of(context)หลังจากแสดงผลวิดเจ็ตทั้งหมดแล้ว

แต่ในความเห็นที่ต่ำต้อยของฉันวิธีที่ดีที่สุดคือ:

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

Flutter 1.2 - โผ 2.2

ตามหลักเกณฑ์และแหล่งข้อมูลอย่างเป็นทางการหากคุณต้องการให้แน่ใจว่าเฟรมสุดท้ายของเลย์เอาต์ของคุณถูกวาดไว้เช่นกัน

import 'package:flutter/scheduler.dart';

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

หากคุณกำลังมองหาสิ่งที่componentDidMountเทียบเท่าของ ReactNative Flutter ก็มี มันไม่ง่ายอย่างนั้น แต่มันทำงานในลักษณะเดียวกัน ใน Flutter Widgetไม่ได้จัดการกับเหตุการณ์ของพวกเขาโดยตรง แต่พวกเขาใช้Stateวัตถุเพื่อทำเช่นนั้น

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.initStateจะถูกเรียกทันทีเมื่อหน้าจอเสร็จสิ้นการแสดงเค้าโครง และจะไม่ถูกเรียกอีกครั้งแม้ในการรีโหลดแบบร้อนหากคุณอยู่ในโหมดดีบักจนกว่าจะถึงเวลาดำเนินการอย่างชัดเจน

ใน Flutter เวอร์ชัน 1.14.6, Dart เวอร์ชัน 28

ด้านล่างนี้คือสิ่งที่ใช้ได้ผลสำหรับฉันคุณเพียงแค่ต้องรวมทุกสิ่งที่คุณต้องการให้เกิดขึ้นหลังจากวิธีการสร้างเป็นวิธีการหรือฟังก์ชันแยกต่างหาก

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

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

}

วิธีที่ดีที่สุดในการทำเช่นนี้

1. WidgetsBinding

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

2. WidgetsBinding

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

สามารถเรียกได้ภายในinitStateทั้งสองจะถูกเรียกเพียงครั้งเดียวหลังจากสร้างวิดเจ็ตเสร็จสิ้นด้วยการเรนเดอร์

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

รหัสทั้งสองข้างต้นจะทำงานเหมือนกันเนื่องจากทั้งสองใช้กรอบการผูกที่คล้ายกัน สำหรับความแตกต่างค้นหาลิงค์ด้านล่าง

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

ลองใช้ SchedulerBinding

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

หากคุณต้องการทำสิ่งนี้เพียงครั้งเดียวให้ทำเพราะกรอบงานจะเรียกinitState()method เพียงครั้งเดียวสำหรับวัตถุ State แต่ละชิ้นที่สร้างขึ้น

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

หากคุณต้องการทำสิ่งนี้ซ้ำแล้วซ้ำอีกเช่นย้อนกลับหรือไปที่หน้าจอถัดไปและอื่น ๆ ... ให้ทำเพราะdidChangeDependencies()เรียกว่าเมื่อการอ้างอิงของวัตถุสถานะนี้เปลี่ยนแปลง

ตัวอย่างเช่นหากการเรียกก่อนหน้านี้เพื่อbuildอ้างถึงสิ่งInheritedWidgetที่เปลี่ยนแปลงในภายหลังเฟรมเวิร์กจะเรียกเมธอดนี้เพื่อแจ้งอ็อบเจ็กต์นี้เกี่ยวกับการเปลี่ยนแปลง

วิธีนี้เรียกว่าทันทีหลังจากinitStateนั้น สามารถโทรBuildContext.dependOnInheritedWidgetOfExactTypeจากวิธีนี้ได้อย่างปลอดภัย

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

นี่คือฟังก์ชันโทรกลับของคุณ

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