仅在flutter中使用json格式的woocommerce api数据显示产品名称列表

dependencies:
  http: ^0.13.4

import 'dart:convert';
import 'package:http/http.dart' as http;

class WooCommerceService {
  static const baseUrl = 'YOUR_WOOCOMMERCE_API_URL';
  static const consumerKey = 'YOUR_CONSUMER_KEY';
  static const consumerSecret = 'YOUR_CONSUMER_SECRET';

  Future<List<String>> getProductNames() async {
    final response = await http.get(
      Uri.parse('$baseUrl/products'),
      headers: {
        'Authorization': 'Basic ' +
            base64Encode(utf8.encode('$consumerKey:$consumerSecret')),
      },
    );

    if (response.statusCode == 200) {
      final List<dynamic> products = jsonDecode(response.body);
      return products.map((product) => product['name'] as String).toList();
    } else {
      throw Exception('Failed to load product names');
    }
  }
}

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

class ProductListPage extends StatefulWidget {
  @override
  _ProductListPageState createState() => _ProductListPageState();
}

class _ProductListPageState extends State<ProductListPage> {
  final WooCommerceService wooCommerceService = WooCommerceService();
  List<String> productNames = [];

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

  Future<void> fetchProductNames() async {
    try {
      final List<String> names = await wooCommerceService.getProductNames();
      setState(() {
        productNames = names;
      });
    } catch (e) {
      print('Error: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Product List'),
      ),
      body: ListView.builder(
        itemCount: productNames.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(productNames[index]),
          );
        },
      ),
    );
  }
}