使用Firestore boolean设置开关的值

Question

我正在制作一个测试应用程序，它在萤幕还原中切换布尔值。我需要这个应用程序从萤幕还原中检索开关的初始值。通过我的方法，我得到错误类型“未来”不是类型“bool”的子类型。布尔值被称为LEDOn。这是我的应用程序：

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

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

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  final db = Firestore.instance;

  void updateLED(bool newValue) async {
    await db
        .collection('LEDStatus')
        .document('LEDStatus')
        .updateData({'LEDOn': newValue});
  }

  Future<dynamic> checkLEDStatus() async {
    DocumentSnapshot snapshot =
        await db.collection('LEDStatus').document('LEDStatus').get();
    return snapshot.data['LEDOn'];
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(brightness: Brightness.dark),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Thingspeak'),
        ),
        body: Column(
          children: <Widget>[
            Switch(
                value: checkLEDStatus(),
                onChanged: (bool newValue) {
                  setState(() {
                    print(newValue);
                    updateLED(newValue);
                  });
                })
          ],
        ),
      ),
    );
  }
}

Answer 1

Switch小部件具有属性value，该属性的值类型为bool。当前在代码中返回的是一个未来，这就是为什么会出现错误。应该是这样的：

Switch(
  value: isSwitched,
  onChanged: (value) {
    setState(() {
      isSwitched = value;
    });
  },

您可以从initState中的firestore中检索布尔值，然后将其分配给属性值。然后，当用户在setState（）内切换时，调用更新方法并执行isSwitched=newValue

Answer 2

使用FutureBuilder。另外，将返回类型更改为Future

FutureBuilder(
    future: checkLEDStatus(),
    builder: (context, snapshot) {
      if (snapshot.connectionState == ConnectionState.done) {
        bool result = snapshot.data;
        return Switch(value: result, onChanged: (bool newVal) {
          setState(() => result = newVal);
          updateLED(newVal);
        });
      } else {
        return Center(child: CircularProgressIndicator());
      }
    }
)