import 'package:google_generative_ai/google_generative_ai.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class FlutterAIChat extends ConsumerStatefulWidget {
  const FlutterAIChat({super.key});
  @override
  ConsumerState<FlutterAIChat> createState() => _State();
}

class _State extends ConsumerState<FlutterAIChat> {
  final List<Content> _history = [];
  late final ChatSession _chat;
  late final GenerativeModel _model;

  @override
  void initState() {
    super.initState();
    _model = GenerativeModel(
      model: 'gemini-1.5-pro',
      apiKey: const String.fromEnvironment('GEMINI_KEY'),
      generationConfig: GenerationConfig(
        temperature: 0.7,
        topP: 0.95,
        maxOutputTokens: 2048,
      ),
    );
    _chat = _model.startChat(history: _history);
  }

  Future<void> _send(String text) async {
    final resp = await _chat.sendMessage(Content.text(text));
    setState(() {
      _history.add(Content.model([TextPart(resp.text ?? '')]));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              padding: const EdgeInsets.all(16),
              itemCount: _history.length,
              itemBuilder: (_, i) => MessageBubble(_history[i]),
            ),
          ),
          AIInputBar(onSubmit: _send),
        ],
      ),
    );
  }
}



import 'package:google_generative_ai/google_generative_ai.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class FlutterAIChat extends ConsumerStatefulWidget {
  const FlutterAIChat({super.key});
  @override
  ConsumerState<FlutterAIChat> createState() => _State();
}

class _State extends ConsumerState<FlutterAIChat> {
  final List<Content> _history = [];
  late final ChatSession _chat;
  late final GenerativeModel _model;

  @override
  void initState() {
    super.initState();
    _model = GenerativeModel(
      model: 'gemini-1.5-pro',
      apiKey: const String.fromEnvironment('GEMINI_KEY'),
      generationConfig: GenerationConfig(
        temperature: 0.7,
        topP: 0.95,
        maxOutputTokens: 2048,
      ),
    );
    _chat = _model.startChat(history: _history);
  }

  Future<void> _send(String text) async {
    final resp = await _chat.sendMessage(Content.text(text));
    setState(() {
      _history.add(Content.model([TextPart(resp.text ?? '')]));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              padding: const EdgeInsets.all(16),
              itemCount: _history.length,
              itemBuilder: (_, i) => MessageBubble(_history[i]),
            ),
          ),
          AIInputBar(onSubmit: _send),
        ],
      ),
    );
  }
}



import 'package:google_generative_ai/google_generative_ai.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class FlutterAIChat extends ConsumerStatefulWidget {
  const FlutterAIChat({super.key});
  @override
  ConsumerState<FlutterAIChat> createState() => _State();
}

class _State extends ConsumerState<FlutterAIChat> {
  final List<Content> _history = [];
  late final ChatSession _chat;
  late final GenerativeModel _model;

  @override
  void initState() {
    super.initState();
    _model = GenerativeModel(
      model: 'gemini-1.5-pro',
      apiKey: const String.fromEnvironment('GEMINI_KEY'),
      generationConfig: GenerationConfig(
        temperature: 0.7,
        topP: 0.95,
        maxOutputTokens: 2048,
      ),
    );
    _chat = _model.startChat(history: _history);
  }

  Future<void> _send(String text) async {
    final resp = await _chat.sendMessage(Content.text(text));
    setState(() {
      _history.add(Content.model([TextPart(resp.text ?? '')]));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              padding: const EdgeInsets.all(16),
              itemCount: _history.length,
              itemBuilder: (_, i) => MessageBubble(_history[i]),
            ),
          ),
          AIInputBar(onSubmit: _send),
        ],
      ),
    );
  }
}

import 'package:google_mlkit_object_detection/google_mlkit_object_detection.dart';
import 'package:camera/camera.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';

part 'vision_ai.g.dart';

@riverpod
class VisionAINotifier extends _$VisionAINotifier {
  late final ObjectDetector _detector;

  @override
  AsyncValue<List<DetectedObject>> build() {
    _detector = ObjectDetector(
      options: ObjectDetectorOptions(
        mode: DetectionMode.stream,
        classifyObjects: true,
        multipleObjects: true,
      ),
    );
    ref.onDispose(_detector.close);
    return const AsyncValue.data([]);
  }

  Future<void> processFrame(CameraImage frame) async {
    final image = InputImage.fromBytes(
      bytes: frame.planes.first.bytes,
      metadata: InputImageMetadata(
        size: Size(frame.width.toDouble(), frame.height.toDouble()),
        rotation: InputImageRotation.rotation0deg,
        format: InputImageFormat.bgra8888,
        bytesPerRow: frame.planes.first.bytesPerRow,
      ),
    );
    final objects = await _detector.processImage(image);
    state = AsyncValue.data(objects);
  }
}

class AROverlayPainter extends CustomPainter {
  final List<DetectedObject> objects;
  AROverlayPainter(this.objects);

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Colors.cyanAccent.withOpacity(0.8)
      ..strokeWidth = 2.0
      ..style = PaintingStyle.stroke;
    for (final obj in objects) {
      canvas.drawRRect(
        RRect.fromRectAndRadius(obj.boundingBox, const Radius.circular(8)),
        paint,
      );
      for (final label in obj.labels) {
        _drawLabel(canvas, label.text, obj.boundingBox.topLeft);
      }
    }
  }

  @override
  bool shouldRepaint(AROverlayPainter old) => old.objects != objects;
}



import 'package:google_mlkit_object_detection/google_mlkit_object_detection.dart';
import 'package:camera/camera.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';

part 'vision_ai.g.dart';

@riverpod
class VisionAINotifier extends _$VisionAINotifier {
  late final ObjectDetector _detector;

  @override
  AsyncValue<List<DetectedObject>> build() {
    _detector = ObjectDetector(
      options: ObjectDetectorOptions(
        mode: DetectionMode.stream,
        classifyObjects: true,
        multipleObjects: true,
      ),
    );
    ref.onDispose(_detector.close);
    return const AsyncValue.data([]);
  }

  Future<void> processFrame(CameraImage frame) async {
    final image = InputImage.fromBytes(
      bytes: frame.planes.first.bytes,
      metadata: InputImageMetadata(
        size: Size(frame.width.toDouble(), frame.height.toDouble()),
        rotation: InputImageRotation.rotation0deg,
        format: InputImageFormat.bgra8888,
        bytesPerRow: frame.planes.first.bytesPerRow,
      ),
    );
    final objects = await _detector.processImage(image);
    state = AsyncValue.data(objects);
  }
}

class AROverlayPainter extends CustomPainter {
  final List<DetectedObject> objects;
  AROverlayPainter(this.objects);

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Colors.cyanAccent.withOpacity(0.8)
      ..strokeWidth = 2.0
      ..style = PaintingStyle.stroke;
    for (final obj in objects) {
      canvas.drawRRect(
        RRect.fromRectAndRadius(obj.boundingBox, const Radius.circular(8)),
        paint,
      );
      for (final label in obj.labels) {
        _drawLabel(canvas, label.text, obj.boundingBox.topLeft);
      }
    }
  }

  @override
  bool shouldRepaint(AROverlayPainter old) => old.objects != objects;
}



import 'package:google_mlkit_object_detection/google_mlkit_object_detection.dart';
import 'package:camera/camera.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';

part 'vision_ai.g.dart';

@riverpod
class VisionAINotifier extends _$VisionAINotifier {
  late final ObjectDetector _detector;

  @override
  AsyncValue<List<DetectedObject>> build() {
    _detector = ObjectDetector(
      options: ObjectDetectorOptions(
        mode: DetectionMode.stream,
        classifyObjects: true,
        multipleObjects: true,
      ),
    );
    ref.onDispose(_detector.close);
    return const AsyncValue.data([]);
  }

  Future<void> processFrame(CameraImage frame) async {
    final image = InputImage.fromBytes(
      bytes: frame.planes.first.bytes,
      metadata: InputImageMetadata(
        size: Size(frame.width.toDouble(), frame.height.toDouble()),
        rotation: InputImageRotation.rotation0deg,
        format: InputImageFormat.bgra8888,
        bytesPerRow: frame.planes.first.bytesPerRow,
      ),
    );
    final objects = await _detector.processImage(image);
    state = AsyncValue.data(objects);
  }
}

class AROverlayPainter extends CustomPainter {
  final List<DetectedObject> objects;
  AROverlayPainter(this.objects);

  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Colors.cyanAccent.withOpacity(0.8)
      ..strokeWidth = 2.0
      ..style = PaintingStyle.stroke;
    for (final obj in objects) {
      canvas.drawRRect(
        RRect.fromRectAndRadius(obj.boundingBox, const Radius.circular(8)),
        paint,
      );
      for (final label in obj.labels) {
        _drawLabel(canvas, label.text, obj.boundingBox.topLeft);
      }
    }
  }

  @override
  bool shouldRepaint(AROverlayPainter old) => old.objects != objects;
}

import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:uuid/uuid.dart';

part 'ai_state.freezed.dart';
part 'ai_state.g.dart';

@freezed
class AIResponse with _$AIResponse {
  const factory AIResponse({
    required String id,
    required String text,
    required DateTime createdAt,
    @Default([]) List<String> citations,
    @Default(0.0) double confidence,
    @Default(AIModel.geminiPro) AIModel model,
  }) = _AIResponse;

  factory AIResponse.fromJson(Map<String, dynamic> j) =>
      _$AIResponseFromJson(j);
}

@riverpod
class AIStateNotifier extends _$AIStateNotifier {
  @override
  AsyncValue<AIResponse?> build() => const AsyncValue.data(null);

  Future<void> generate({
    required String prompt,
    AIModel model = AIModel.geminiPro,
  }) async {
    state = const AsyncValue.loading();
    state = await AsyncValue.guard(() async {
      final gemini = ref.read(geminiServiceProvider);
      final result = await gemini.generateContent(
        contents: [Content.text(prompt)],
        config: GenerationConfig(
          temperature: 0.8,
          responseMimeType: 'application/json',
        ),
      );
      return AIResponse(
        id: const Uuid().v4(),
        text: result.text ?? '',
        createdAt: DateTime.now(),
        model: model,
        confidence: _computeConfidence(result),
      );
    });
  }

  double _computeConfidence(GenerateContentResponse r) =>
      r.candidates.first.safetyRatings
          .map((s) => s.probability.index / 5.0)
          .reduce((a, b) => (a + b) / 2);
}



import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:uuid/uuid.dart';

part 'ai_state.freezed.dart';
part 'ai_state.g.dart';

@freezed
class AIResponse with _$AIResponse {
  const factory AIResponse({
    required String id,
    required String text,
    required DateTime createdAt,
    @Default([]) List<String> citations,
    @Default(0.0) double confidence,
    @Default(AIModel.geminiPro) AIModel model,
  }) = _AIResponse;

  factory AIResponse.fromJson(Map<String, dynamic> j) =>
      _$AIResponseFromJson(j);
}

@riverpod
class AIStateNotifier extends _$AIStateNotifier {
  @override
  AsyncValue<AIResponse?> build() => const AsyncValue.data(null);

  Future<void> generate({
    required String prompt,
    AIModel model = AIModel.geminiPro,
  }) async {
    state = const AsyncValue.loading();
    state = await AsyncValue.guard(() async {
      final gemini = ref.read(geminiServiceProvider);
      final result = await gemini.generateContent(
        contents: [Content.text(prompt)],
        config: GenerationConfig(
          temperature: 0.8,
          responseMimeType: 'application/json',
        ),
      );
      return AIResponse(
        id: const Uuid().v4(),
        text: result.text ?? '',
        createdAt: DateTime.now(),
        model: model,
        confidence: _computeConfidence(result),
      );
    });
  }

  double _computeConfidence(GenerateContentResponse r) =>
      r.candidates.first.safetyRatings
          .map((s) => s.probability.index / 5.0)
          .reduce((a, b) => (a + b) / 2);
}



import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:uuid/uuid.dart';

part 'ai_state.freezed.dart';
part 'ai_state.g.dart';

@freezed
class AIResponse with _$AIResponse {
  const factory AIResponse({
    required String id,
    required String text,
    required DateTime createdAt,
    @Default([]) List<String> citations,
    @Default(0.0) double confidence,
    @Default(AIModel.geminiPro) AIModel model,
  }) = _AIResponse;

  factory AIResponse.fromJson(Map<String, dynamic> j) =>
      _$AIResponseFromJson(j);
}

@riverpod
class AIStateNotifier extends _$AIStateNotifier {
  @override
  AsyncValue<AIResponse?> build() => const AsyncValue.data(null);

  Future<void> generate({
    required String prompt,
    AIModel model = AIModel.geminiPro,
  }) async {
    state = const AsyncValue.loading();
    state = await AsyncValue.guard(() async {
      final gemini = ref.read(geminiServiceProvider);
      final result = await gemini.generateContent(
        contents: [Content.text(prompt)],
        config: GenerationConfig(
          temperature: 0.8,
          responseMimeType: 'application/json',
        ),
      );
      return AIResponse(
        id: const Uuid().v4(),
        text: result.text ?? '',
        createdAt: DateTime.now(),
        model: model,
        confidence: _computeConfidence(result),
      );
    });
  }

  double _computeConfidence(GenerateContentResponse r) =>
      r.candidates.first.safetyRatings
          .map((s) => s.probability.index / 5.0)
          .reduce((a, b) => (a + b) / 2);
}

FlutterBytes2026.dart|Friday & Saturday, Oct 30–31, 2026

BecomingA FlutterAI Engineer

Join 600+ developers at the 5th edition of the largest Flutter Conference in Africa.

Apply to Speak →View Agenda

35Speakers

600+Flutter Devs

32Sessions

2Full Days

35Speakers

600+Flutter Devs

32Sessions

2Full Days

5 Years, 1 Community:Continuous Growth and Impact

From a WhatsApp group for Flutter devs in Lagos to Africa's biggest Flutter conference — this is our story.

What started as a WhatsApp group for Flutter devs in Nigeria quickly turned into something none of us expected...

edition.dart

~/flutterbytes/2022
2022
// First Edition of the Conference
/* November 2022
   ~500 devs showed up */

edition.dart

~/flutterbytes/2023
2023
// Africa Flutterverse: A Journey of Learning, Sharing, and Growing
/* October 2023
   400+ Devs · 20 Speakers */

edition.dart

~/flutterbytes/2024
2024
// Beyond Borders: The Global Impact of African Flutter Engineers
/* November 2024
   500+ Devs · 28 Speakers */

edition.dart

~/flutterbytes/2025
2025
// Flutter: The Framework of the Future
/* Oct 31 – Nov 1, 2025
   600+ Devs · 35 Speakers · 32 Sessions */

edition.dart

~/flutterbytes/2026
2026
// Becoming A Flutter AI Engineer
/* Oct 30–31, 2026
   You're here! 🎉 */

The story continues...

2027→2028→2029→2030+

The community keeps shipping. The next chapter is yours.

— The Event

Friday & Saturday

October 30th & 31st, 2026

9:00 AM WAT on both days

Speakers

600+

Flutter Devs

Sessions

Days

5th

Edition

Countries

Countdown

03months

13days

12hrs

26min

09sec

Apply to Speak →

Zone Tech Park

Off Gbagada Express, Gbagada, Lagos

What's on the schedule

A line up of sessions that will literally equip you to become A Flutter AI engineer.

Building Scalable Applications Using Flutter

SessionRuby Hall

Atuoha Anthony

Writing True Mobile Tests with Patrol

SessionSapphire Hall

Sebastine Odeh

In-App Subscription: Monetizing Your Flutter Apps

WorkshopEmerald Hall

Odinachi David

Building Offline AI Agent in Your Flutter App

SessionRuby Hall

Sasha Denisov

The Future of Real-Time UX: Live Activities in Flutter for Android & iOS

Lightning TalkSapphire Hall

Kudus Rufai

DCM for Clean, Consistent Flutter Code

SessionEmerald Hall

Festus Olusegun

Building the Bridge: Running JavaScript Modules from Dart

WorkshopRuby Hall

Chima Precious

Build Spectacular TV Apps with Flutter

Lightning TalkSapphire Hall

Mrinal Jain

Building an AI Agent to Manage Your Flutter/Dart Dependencies

SessionEmerald Hall

Agalaba Ifeanyi

Data-Driven Design with Flutter: Improving UX Based on User Behavior

SessionRuby Hall

Nikki Eke

Going Native: Building a Flutter Step Counter Plugin with Kotlin & Jetpack Compose

WorkshopSapphire Hall

Glory Olaifa

From Burnout to Breakthrough: Sustainable Development Practices for Flutter Developers

Lightning TalkEmerald Hall

David Oluwabusayo

Building an Offline Running Game with Flutter

Lightning TalkRuby Hall

Ayomiposi Fabiyi

Never Break Your UI Again: Visual Testing with Widgetbook Cloud

SessionSapphire Hall

Jesutoni Aderibigbe

Crafting Mobile Apps with Customer Experience in Mind

Lightning TalkEmerald Hall

Temitayo Olakunle

The Power of a Design System: Building Consistent UI with Flutter

SessionRuby Hall

Samuel Abada

Managing Multi-Package Flutter Projects in a Monorepo Using Melos

Lightning TalkSapphire Hall

Caleb Jesusegun

Bringing Generative AI to Flutter: Build a Voice-Enabled AI Assistant with ElevenLabs + Dart

WorkshopEmerald Hall

Emmanuel Akinfulubi

Building Pixel-Perfect UIs in Flutter

WorkshopRuby Hall

Sodiq Eniola

The Modern Flutter Aesthetic: Crafting Custom Experiences with Fragment Shaders

SessionSapphire Hall

Yunwen Eric

No More Leaks: Detect & Prevent Memory Leaks

Lightning TalkEmerald Hall

Michael Ogundipe

Dart on the Server: Building Scalable APIs with Serverpod and Flutter

WorkshopRuby Hall

Samuel Adekunle

Speeding Up Your Flutter Development with AI Tools

WorkshopSapphire Hall

Ayodeji Michael

Building Agentic Apps with Flutter and Firebase Genkit

SessionEmerald Hall

Hassan Bahati

View full agenda →

FlutterBytes Speakers so far…

Engineers, founders, and Flutter enthusiasts who've taken the stage across all editions.

Odinachi David

Mobile Engineer

HealaTech

Monetization

Wheel spins in 5s

See all speakers →

What happens at FlutterBytes

doesn't end at FlutterBytes

The impact of each edition always outlasts the event day, and the evidence abounds.

2025

2024

2023

2022

See full gallery →

FlutterBytes sponsors

FlutterBytes Conference has been sponsored by some of the top companies in Africa and the world — companies that invest in developers because they know it's the best bet.