Flutter如何使用provider进行api调用或最好使用未来的构建器

dependencies:
  flutter:
    sdk: flutter
  provider: ^5.0.0

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

class MyProvider extends ChangeNotifier {
  // API调用的逻辑和数据处理
  // ...
}

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => MyProvider(),
      child: MyApp(),
    ),
  );
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final myProvider = Provider.of<MyProvider>(context);
    
    // 使用myProvider中的数据或方法
    // ...
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: myApiCall(),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return CircularProgressIndicator();
        } else if (snapshot.hasError) {
          return Text('Error: ${snapshot.error}');
        } else {
          // 显示API返回的数据
          return Text('Data: ${snapshot.data}');
        }
      },
    );
  }
}