Behandeling Timeout in Flutter: gids en voorbeeld

Als u in Flutter, een bepaalde actie wilt uitvoeren na een opgegeven, kunt u de functie samen met de trefwoorden en timeout gebruiken. Hier is een voorbeeld: Future.delayed async await

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('Timeout Example'),  
     ),  
      body: Center(  
        child: ElevatedButton(  
          onPressed:() {  
            performActionWithTimeout();  
          },  
          child: Text('Perform Action with Timeout'),  
       ),  
     ),  
   );  
  }  
  
  Future<void> performActionWithTimeout() async {  
    print('Action started');  
      
    // Simulate a delay of 3 seconds  
    await Future.delayed(Duration(seconds: 3));  
      
    print('Action completed after timeout');  
  }  
}  

performActionWithTimeout In dit voorbeeld wordt de functie aangeroepen wanneer de knop wordt ingedrukt. Binnen deze functie introduceren we await Future.delayed(Duration(seconds: 3)) een vertraging van 3 seconden. Na de vertraging is de actie voltooid.

U kunt de actie binnen de performActionWithTimeout functie vervangen door uw gewenste bewerking. Dit timeout mechanisme kan handig zijn als u een actie wilt uitstellen zonder de UI-thread te blokkeren.

timeout Houd er rekening mee dat als er na mijn laatste update updates of nieuwe pakketten zijn geweest Flutter, u die opties misschien ook wilt verkennen.