Flutter图片视频获取插件pexels_photos_videos的使用

当然，关于在Flutter项目中使用pexels_photos_videos插件来获取Pexels上的图片和视频，下面是一个基本的代码示例。这个示例展示了如何初始化插件、搜索图片和视频，并将结果展示在列表中。

首先，确保你已经在pubspec.yaml文件中添加了pexels_photos_videos依赖：

dependencies:
  flutter:
    sdk: flutter
  pexels_photos_videos: ^最新版本号 # 请替换为当前可用的最新版本号

然后，运行flutter pub get来安装依赖。

接下来，创建一个Flutter应用，并在lib/main.dart文件中使用pexels_photos_videos插件。以下是一个完整的示例代码：

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Pexels Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: PexelsDemo(),
    );
  }
}

class PexelsDemo extends StatefulWidget {
  @override
  _PexelsDemoState createState() => _PexelsDemoState();
}

class _PexelsDemoState extends State<PexelsDemo> {
  final Pexels _pexels = Pexels();
  List<PexelsPhoto> _photos = [];
  List<PexelsVideo> _videos = [];
  String _searchQuery = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Pexels Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            TextField(
              decoration: InputDecoration(
                labelText: 'Search Query',
              ),
              onChanged: (value) {
                setState(() {
                  _searchQuery = value;
                });
              },
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: _searchPhotos,
              child: Text('Search Photos'),
            ),
            SizedBox(height: 8),
            ElevatedButton(
              onPressed: _searchVideos,
              child: Text('Search Videos'),
            ),
            SizedBox(height: 16),
            Expanded(
              child: _buildResultList(_photos, 'Photos'),
            ),
            SizedBox(height: 16),
            Expanded(
              child: _buildResultList(_videos, 'Videos'),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> _searchPhotos() async {
    setState(() {
      _photos = [];
    });
    try {
      final result = await _pexels.searchPhotos(_searchQuery, page: 1, perPage: 10);
      setState(() {
        _photos = result.photos!;
      });
    } catch (e) {
      print('Error searching photos: $e');
    }
  }

  Future<void> _searchVideos() async {
    setState(() {
      _videos = [];
    });
    try {
      final result = await _pexels.searchVideos(_searchQuery, page: 1, perPage: 10);
      setState(() {
        _videos = result.videos!;
      });
    } catch (e) {
      print('Error searching videos: $e');
    }
  }

  Widget _buildResultList(List<dynamic> items, String title) {
    if (items.isEmpty) {
      return Text('$title: No results found.');
    }
    return ListView.builder(
      itemCount: items.length,
      itemBuilder: (context, index) {
        final item = items[index];
        return Card(
          child: ListTile(
            leading: Image.network(item.url),
            title: Text(item.id.toString()),
            subtitle: Text(item.photographer ?? ''),
          ),
        );
      },
    );
  }
}

在这个示例中：

1. 我们创建了一个Flutter应用，其中包括一个搜索栏和两个按钮，用于搜索图片和视频。
2. 使用TextField小部件来接收用户输入的搜索查询。
3. 使用ElevatedButton小部件来触发搜索图片和视频的函数。
4. _searchPhotos和_searchVideos函数分别调用_pexels.searchPhotos和_pexels.searchVideos方法来获取搜索结果，并将结果存储在状态变量中。
5. _buildResultList函数用于显示搜索结果，这里简单地显示每个项目的URL、ID和摄影师名称。

请注意，pexels_photos_videos插件的具体API可能会随着版本更新而变化，因此请参考最新的官方文档以获取最新的使用方法和API细节。此外，由于网络请求可能涉及API密钥或认证，确保你遵循Pexels API的使用规定，并在必要时处理认证流程。