name: ai_image_generator description: A Flutter app for generating AI images. version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter http: ^0.13.5 provider: ^6.0.5 cached_network_image: ^3.2.3 image_picker: ^0.8.7 shared_preferences: ^2.1.1 flutter_dotenv: ^5.0.2 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true assets: - .env import 'package:flutter/material.dart'; import 'package:ai_image_generator/screens/home_screen.dart'; import 'package:provider/provider.dart'; import 'package:ai_image_generator/providers/image_provider.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); runApp( ChangeNotifierProvider( create: (context) => ImageGeneratorProvider(), child: const MyApp(), ), ); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'AI Image Generator', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const HomeScreen(), debugShowCheckedModeBanner: false, ); } } import 'dart:convert'; import 'package:flutter/foundation.dart'; import 'package:http/http.dart' as http; import 'package:flutter_dotenv/flutter_dotenv.dart'; class ImageGeneratorProvider with ChangeNotifier { List _generatedImages = []; bool _isLoading = false; String _error = ''; List get generatedImages => _generatedImages; bool get isLoading => _isLoading; String get error => _error; Future generateImage(String prompt) async { _isLoading = true; _error = ''; notifyListeners(); try { final apiKey = dotenv.env['OPENAI_API_KEY']; final response = await http.post( Uri.parse('https://api.openai.com/v1/images/generations'), headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer $apiKey', }, body: jsonEncode({ 'prompt': prompt, 'n': 1, 'size': '512x512', }), ); if (response.statusCode == 200) { final data = jsonDecode(response.body); final imageUrl = data['data'][0]['url']; _generatedImages.insert(0, imageUrl); _error = ''; } else { _error = 'Failed to generate image: ${response.body}'; } } catch (e) { _error = 'Error: $e'; } finally { _isLoading = false; notifyListeners(); } } void clearImages() { _generatedImages.clear(); notifyListeners(); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'package:ai_image_generator/providers/image_provider.dart'; import 'package:cached_network_image/cached_network_image.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { final TextEditingController _promptController = TextEditingController(); @override void dispose() { _promptController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final imageProvider = Provider.of(context); return Scaffold( appBar: AppBar( title: const Text('AI Image Generator'), actions: [ if (imageProvider.generatedImages.isNotEmpty) IconButton( icon: const Icon(Icons.delete), onPressed: () => imageProvider.clearImages(), ), ], ), body: Padding( padding: const EdgeInsets.all(16.0), child: Column( children: [ TextField( controller: _promptController, decoration: InputDecoration( labelText: 'Enter your prompt', border: OutlineInputBorder(), suffixIcon: IconButton( icon: const Icon(Icons.send), onPressed: () { if (_promptController.text.isNotEmpty) { imageProvider.generateImage(_promptController.text); _promptController.clear(); } }, ), ), ), const SizedBox(height: 20), if (imageProvider.isLoading) const CircularProgressIndicator() else if (imageProvider.error.isNotEmpty) Text( imageProvider.error, style: TextStyle(color: Colors.red), ) else if (imageProvider.generatedImages.isEmpty) const Expanded( child: Center( child: Text('No images generated yet'), ), ) else Expanded( child: GridView.builder( gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, crossAxisSpacing: 10, mainAxisSpacing: 10, ), itemCount: imageProvider.generatedImages.length, itemBuilder: (context, index) { return GestureDetector( onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => ImageDetailScreen( imageUrl: imageProvider.generatedImages[index], ), ), ); }, child: ClipRRect( borderRadius: BorderRadius.circular(8), child: CachedNetworkImage( imageUrl: imageProvider.generatedImages[index], fit: BoxFit.cover, placeholder: (context, url) => Container( color: Colors.grey[300], child: const Center( child: CircularProgressIndicator(), ), ), errorWidget: (context, url, error) => const Icon(Icons.error), ), ), ); }, ), ), ], ), ), ); } } class ImageDetailScreen extends StatelessWidget { final String imageUrl; const ImageDetailScreen({super.key, required this.imageUrl}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: Center( child: InteractiveViewer( child: CachedNetworkImage( imageUrl: imageUrl, fit: BoxFit.contain, ), ), ), ); } } OPENAI_API_KEY=your_openai_api_key_here