feedbackkit_flutter 1.0.0

Flutter SDK for FeedbackKit - A feedback collection platform for your apps

example/lib/main.dart

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

void main() {
  runApp(const FeedbackKitExampleApp());
}

class FeedbackKitExampleApp extends StatelessWidget {
  const FeedbackKitExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return FeedbackKitProvider(
      // Replace with your API key from feedbackkit.app
      apiKey: 'A9BEBA14-12D0-4BBC-82C3-33340CD8CCC6',
      // Use local server for development
      baseUrl: 'http://localhost:8080/api/v1',
      // Optional: Set a user ID for the session
      userId: 'example-user-123',
      // Optional: Customize the theme
      theme: const FeedbackKitTheme(
        primaryColor: Color(0xFF6366F1),
      ),
      child: MaterialApp(
        title: 'FeedbackKit Example',
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xFF6366F1)),
          useMaterial3: true,
        ),
        home: const FeedbackHomePage(),
      ),
    );
  }
}

class FeedbackHomePage extends StatefulWidget {
  const FeedbackHomePage({super.key});

  @override
  State<FeedbackHomePage> createState() => _FeedbackHomePageState();
}

class _FeedbackHomePageState extends State<FeedbackHomePage> {
  int _currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('FeedbackKit Example'),
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
      ),
      body: IndexedStack(
        index: _currentIndex,
        children: const [
          FeedbackListPage(),
          SubmitFeedbackPage(),
        ],
      ),
      bottomNavigationBar: BottomNavigationBar(
        currentIndex: _currentIndex,
        onTap: (index) {
          setState(() {
            _currentIndex = index;
          });
        },
        items: const [
          BottomNavigationBarItem(
            icon: Icon(Icons.list),
            label: 'Feedback',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.add),
            label: 'Submit',
          ),
        ],
      ),
    );
  }
}

class FeedbackListPage extends StatelessWidget {
  const FeedbackListPage({super.key});

  @override
  Widget build(BuildContext context) {
    return FeedbackList(
      onFeedbackTap: (feedback) {
        Navigator.of(context).push(
          MaterialPageRoute(
            builder: (context) => FeedbackDetailPage(feedback: feedback),
          ),
        );
      },
      onVoteChange: (feedback, response) {
        // Update the feedback list when a vote changes
        final provider = FeedbackKitProvider.of(context);
        provider.feedbackList.updateFeedback(
          feedback.copyWith(
            voteCount: response.voteCount,
            hasVoted: response.hasVoted,
          ),
        );
      },
    );
  }
}

class FeedbackDetailPage extends StatelessWidget {
  final FeedbackItem feedback;

  const FeedbackDetailPage({
    super.key,
    required this.feedback,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Feedback Details'),
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
      ),
      body: FeedbackDetailView(
        feedback: feedback,
        onVoteChange: (response) {
          // Update the feedback list when a vote changes
          final provider = FeedbackKitProvider.of(context);
          provider.feedbackList.updateFeedback(
            feedback.copyWith(
              voteCount: response.voteCount,
              hasVoted: response.hasVoted,
            ),
          );
        },
      ),
    );
  }
}

class SubmitFeedbackPage extends StatelessWidget {
  const SubmitFeedbackPage({super.key});

  @override
  Widget build(BuildContext context) {
    return SubmitFeedbackView(
      onSubmitted: (feedback) {
        // Show success message
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: Text('Feedback submitted: ${feedback.title}'),
            backgroundColor: Colors.green,
          ),
        );

        // Refresh the feedback list
        final provider = FeedbackKitProvider.of(context);
        provider.feedbackList.refresh();
      },
    );
  }
}