Flutter：如何在多个类中使用函数结果作为var而不重复函数

Question

我使用多次获取从 API 获取一些页面和相关内容。 这里，getClass() 和 getValue() 从另一个类调用 API，返回未来。

List<dynamic> pIds, ps;
apiStart() async {
  pageIds = new List();
  siteCls = await _baseApi.getClass(siteCName);
  siteCId = siteCls.data.classId.toString();

  pageCls = await _baseApi.getClass(pageCName);
  pageCId = pageCls.data.classId.toString();

  siteIns = await _baseApi.getValue(siteCId);
  pageIns = await _baseApi.getValue(pageCId);

  pageIds = getPageIds();
  pages = getPagesData();
}

List getPageIds() {
  //Doing some work here
  return pIds;
}

List getPagesData() {
  //Doing some work here
  return ps;
}

现在我想从其他/多个类访问变量，如“页面”，而不重复这些函数。我该怎么做？

更新：

这是一个示例代码。它返回“欢迎 test1！”。当我从apiStart() 中删除content = "test1"; 时，返回“welcome h!”。使用await 有什么问题吗？

class AppData {
  factory AppData() {
    return _singleton;
  }
  static final AppData _singleton = AppData._internal();
  AppData._internal() {
    print("Instance created App-Data");
  }

  BaseApi _baseApi = new BaseApi();

  var content = "hi";
  Future body() {
    return Future.value(content);
  }

  void apiStart() async{
    content = "test1";//OK when I put content here 
    print(content);

    _ids = await _baseApi.fetchIds();
    //Does not change when I put content here
    //I need to use await because I need ids for next function
    content = "test2";  
    print(content);

    //Doing some work with result and get ids as list
    List id = idList();

    _pages = await _baseApi.fetchPages(id[0]);
    //Doing some work with result and get page content
    contents = contentList();
  }
}

如果我执行以下操作，它会返回“test2”。但我不知道如何检查工作是否完成；我应该在函数末尾添加一个布尔变量并每秒钟检查一次吗？那效率高吗？

Future body() {
  return Future.delayed(Duration(seconds: 10)).then((value) => content);
}

我在哪里运行单例

void main() {
  runApp(MyApp());
  AppData().apiStart();
}

我这样展示部分结果：

class ContentWidget extends StatefulWidget {
  ContentWidget({Key key}) : super(key: key);

  @override
  _ContentWidgetState createState() => _ContentWidgetState();
}

class _ContentWidgetState extends State<ContentWidget> {
  Future<dynamic> futureContent;

  @override
  void initState() {
    super.initState();

    futureContent = AppData().body();
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<dynamic>(
      future: futureContent,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          return Text("Welcome ${snapshot.data}!", style: plainTextStyle);
        } else {
          //return Text("Welcome ${snapshot.error}!", style: plainTextStyle);
        }
        // By default, show a loading spinner.
        return CircularProgressIndicator();
      },
    );
  }
}

Answer 1

您可以使用单例模式来创建服务类：它使您可以从代码中的任何位置访问此类。

不要过度使用它，因为它可能会变成一个非常混乱的全局变量，如缺乏封装。

注意：这是一个巨大的简化，但会起作用。阅读 aroudn 单例和服务以了解更多信息。

class ApiService {
  // next 5 lines is a typical singleton pattern
  static ApiService _singleton;
  factory ApiService() {
    return _singleton ??= new ApiService._internal();
  }
  ApiService._internal();

  //here you'll keep your data
  List<dynamic> pageIds, pages; //store your data in these variables

  //run this on the beginning of your app to get your data. Don't forget this!
  void apiStart() async {
    // your code here where you hit the API and get all your data,
    // eg methods getPageIdsFromAPI and getPagesDataFromAPI that you need to write. They return your data
    //    pageIds = getPageIdsFromAPI();
    //    pages = getPagesDataFromAPI();
  }
}

然后，您可以从代码中的任何地方访问此类中的变量和函数

ApiService().pageIds
ApiService().pageIds.length
ApiService().pageIds.contains(some_id)

---编辑---

您需要决定等待何时发生。要么在显示屏幕之前等待数据，要么在空白/等待模式下显示屏幕（就像 facebook 那样）然后等待。

做第二个：

@override
void initState() { 
  WidgetsBinding.instance.addPostFrameCallback((_) { 
    futureContent = await AppData().body();
    setState(() { 
      // refresh whatever changed. it's a good practice to specify what 
    });
  });
}