使用 Flutter 和 Dart，我怎样才能让这个 Future 工作？

Question

我知道还有其他方法可以实现此目的，但我想通过 initState() 使用 Future 来使用 SharedPreferences 获取列表。下面说明了我想要实现的目标，但它没有按要求工作，因为 Future returns 紧接在完成任务之前。

这应该如何构建？


import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class _MyHomePageState extends State<MyHomePage> {
  SharedPreferences _prefs;
  String _sMessage = "No response from getting params";
  List<String> _lsCategories;

  @override
  void initState() {
    super.initState();
    _initPreferences().then((_) {
      try {
        _lsCategories = _prefs.getStringList("categories") ?? [];
        debugPrint("Categories = $_lsCategories");
        _sMessage = "Categories loaded OK";
      } catch (vError) {
        _sMessage = ("Error loading categories = $vError");
      }
      setState(() {});
    });
  }

  Future<void> _initPreferences() async {
    SharedPreferences.getInstance().then((prefs) {
      _prefs = prefs;
      debugPrint("Preferences initialized OK");
    }).catchError((vError) {
      debugPrint("Error initializing preferences = ${vError.toString()}");
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(_sMessage,
                style: TextStyle(
                    color: Colors.red[500],
                    fontWeight: FontWeight.bold,
                    fontSize: 20)),
          ],
        ),
      ),
    );
  }
}

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Future Test',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: "Flutter Future Test"),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

Answer 1

试试吧。

Future<void> _initPreferences() async {
    _prefs = await SharedPreferences.getInstance().catchError((vError) { 
          debugPrint("Error initializing preferences = ${vError.toString()}");
    };
    debugPrint("Preferences initialized OK");
}

Answer 2

将您的 _initPreferences 方法更改为以下内容：

Future<void> _initPreferences() async {
  try {
    final prefs = await SharedPreferences.getInstance();
    _prefs = prefs;
    debugPrint("Preferences initialized OK");
  } catch (e) {
    debugPrint("Error initializing preferences = ${e.toString()}");
  }
}

问题是，在 Future 上使用 .then() 时，您不会等待该 Future 完成，使用 await 会等待。

使用 Flutter 和 Dart，我怎样才能让这个 Future 工作？

Using Flutter and Dart, how can I get this Future to work?

future

dart

flutter