first publish

Author: Babak

CHANGELOG.md

@@ -1,3 +1,3 @@
-## 0.0.1-dev-4
+## 1.0.0
 
 * first publish

README.md

@@ -23,9 +23,14 @@ This package provides a powerful bridge between your Flutter application and Goo
 
 To use the Gemini API, you'll need an API key. If you don't already have one, create a key in Google AI Studio. [Get an API key](https://ai.google.dev/).
 
+### online demo
+
+[https://babakcode.github.io/flutter_gemini](https://babakcode.github.io/flutter_gemini)
+
 ## Initialize Gemini
 
-To initialize Gemini you must add an init factory in the main function.
+For initialization, you must call the init constructor for Flutter Gemini in the main function.
+
 ```dart
 void main() {
 
@@ -38,24 +43,22 @@ void main() {
 
 Now you can create an instance
 
-```dart
-final gemini = Gemini.instance;
-```
-
 ## Content-based APIs
 
 ### Text-only input
 
 This feature lets you perform natural language processing (NLP) tasks such as text completion and summarization.
 
 ```dart
- final gemini = Gemini.instance;
+final gemini = Gemini.instance;
 
- gemini.text("Write a story about a magic backpack.")
-  .then((value) => print( value?.output )) /// or value?.content?.parts?.last.text
-  .catchError((e) => print(e));
+gemini.text("Write a story about a magic backpack.")
+ .then((value) => print( value?.output )) /// or value?.content?.parts?.last.text
+ .catchError((e) => print(e));
 ```
 
+![Flutter gemini Text only example gif](https://miro.medium.com/v2/resize:fit:828/format:webp/1*41dnttHItU2v4hobJ_DGSA.gif "Flutter_Gemini example")
+
 ### Text-and-image input
 
 If the input contains both text and image, You can send a text prompt with an image to the gemini-pro-vision model to perform a vision-related task. For example, captioning an image or identifying what's in an image.
@@ -72,6 +75,8 @@ If the input contains both text and image, You can send a text prompt with an im
  .catchError((e) => log('textAndImageInput', error: e));
 ```
 
+![Flutter gemini Text and Image example gif](https://miro.medium.com/v2/resize:fit:828/format:webp/1*3JEeJaBRSpif6hOl2pt3RA.gif "Flutter_Gemini example")
+
 
 ### Multi-turn conversations (chat)
 
@@ -96,6 +101,9 @@ Using Gemini, you can build freeform conversations across multiple turns.
 ```
 
 
+![Flutter gemini Text and Image example gif](https://miro.medium.com/v2/resize:fit:828/format:webp/1*MoVz4Z5KpxVUocEHLmzDew.gif "Flutter_Gemini example")
+
+
 ### Count tokens
 
 When using long prompts, it might be useful to count tokens before sending any content to the model.

example/lib/main.dart

@@ -1,6 +1,8 @@
+import 'dart:typed_data';
 import 'package:flutter/material.dart';
 import 'package:flutter_gemini/flutter_gemini.dart';
 import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:image_picker/image_picker.dart';
 import 'package:lottie/lottie.dart';
 
 void main() {
@@ -27,12 +29,12 @@ class MyApp extends StatelessWidget {
  }
 }
 
-class PageItem {
+class SectionItem {
  final int index;
  final String title;
  final Widget widget;
 
- PageItem(this.index, this.title, this.widget);
+ SectionItem(this.index, this.title, this.widget);
 }
 
 class MyHomePage extends StatefulWidget {
@@ -47,9 +49,10 @@ class MyHomePage extends StatefulWidget {
 class _MyHomePageState extends State<MyHomePage> {
  int _selectedItem = 0;
 
- final _pages = <PageItem>[
- PageItem(0, 'text', const SectionTextInput()),
- PageItem(1, 'textAndImage', const SectionTextAndImageInput()),
+ final _sections = <SectionItem>[
+ SectionItem(0, 'text', const SectionTextInput()),
+ SectionItem(1, 'textAndImage', const SectionTextAndImageInput()),
+ SectionItem(2, 'chat', const SectionChat()),
  ];
 
  @override
@@ -62,7 +65,7 @@ class _MyHomePageState extends State<MyHomePage> {
  PopupMenuButton<int>(
  initialValue: _selectedItem,
  onSelected: (value) => setState(() => _selectedItem = value),
- itemBuilder: (context) => _pages.map((e) {
+ itemBuilder: (context) => _sections.map((e) {
  return PopupMenuItem<int>(value: e.index, child: Text(e.title));
  }).toList(),
  child: const Icon(Icons.more_vert_rounded),
@@ -71,12 +74,13 @@ class _MyHomePageState extends State<MyHomePage> {
  ),
  body: IndexedStack(
  index: _selectedItem,
- children: _pages.map((e) => e.widget).toList(),
+ children: _sections.map((e) => e.widget).toList(),
  ),
  );
  }
 }
 
+/// -------------------------------------------------------------
 class SectionTextInput extends StatefulWidget {
  const SectionTextInput({super.key});
 
@@ -157,11 +161,240 @@ class _SectionTextInputState extends State<SectionTextInput> {
  }
 }
 
-class SectionTextAndImageInput extends StatelessWidget {
+/// -----------------------------------------------------
+class SectionTextAndImageInput extends StatefulWidget {
  const SectionTextAndImageInput({super.key});
 
+ @override
+ State<SectionTextAndImageInput> createState() =>
+ _SectionTextAndImageInputState();
+}
+
+class _SectionTextAndImageInputState extends State<SectionTextAndImageInput> {
+ final ImagePicker picker = ImagePicker();
+ final controller = TextEditingController();
+ final gemini = Gemini.instance;
+ String? searchedText, result;
+ bool _loading = false;
+
+ Uint8List? selectedImage;
+
+ bool get loading => _loading;
+
+ set loading(bool set) => setState(() => _loading = set);
+
+ @override
+ Widget build(BuildContext context) {
+ return Column(
+ children: [
+ if (searchedText != null)
+ MaterialButton(
+ color: Colors.blue.shade700,
+ onPressed: () {
+ setState(() {
+ searchedText = null;
+ result = null;
+ });
+ },
+ child: Text('search: $searchedText')),
+ Expanded(
+ child: Padding(
+ padding: const EdgeInsets.all(8.0),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ Expanded(
+ flex: 2,
+ child: loading
+ ? Lottie.asset('assets/lottie/ai.json')
+ : result != null
+ ? Markdown(
+ data: result!,
+ padding:
+ const EdgeInsets.symmetric(horizontal: 12),
+ )
+ : const Center(
+ child: Text('Search something!'),
+ ),
+ ),
+ if (selectedImage != null)
+ Expanded(
+ flex: 1,
+ child: ClipRRect(
+ borderRadius: BorderRadius.circular(32),
+ child: Image.memory(
+ selectedImage!,
+ fit: BoxFit.cover,
+ ),
+ ),
+ )
+ ],
+ ),
+ ),
+ ),
+ Card(
+ margin: const EdgeInsets.all(12),
+ child: Row(
+ children: [
+ Expanded(
+ child: TextField(
+ controller: controller,
+ decoration: const InputDecoration(
+ contentPadding: EdgeInsets.symmetric(horizontal: 12),
+ hintText: 'write something ...',
+ border: InputBorder.none,
+ ),
+ onTapOutside: (event) =>
+ FocusManager.instance.primaryFocus?.unfocus(),
+ )),
+ Padding(
+ padding: const EdgeInsets.only(right: 8.0),
+ child: IconButton.filledTonal(
+ color: Colors.blue,
+ onPressed: () async {
+ // Capture a photo.
+ final XFile? photo =
+ await picker.pickImage(source: ImageSource.camera);
+
+ if (photo != null) {
+ photo.readAsBytes().then((value) => setState(() {
+ selectedImage = value;
+ }));
+ }
+ },
+ icon: const Icon(Icons.file_copy_outlined)),
+ ),
+ Padding(
+ padding: const EdgeInsets.only(right: 8.0),
+ child: IconButton(
+ onPressed: () {
+ if (controller.text.isNotEmpty && selectedImage != null) {
+ searchedText = controller.text;
+ controller.clear();
+ loading = true;
+
+ gemini
+ .textAndImage(
+ text: searchedText!, image: selectedImage!)
+ .then((value) {
+ result = value?.content?.parts?.last.text;
+ loading = false;
+ });
+ }
+ },
+ icon: const Icon(Icons.send_rounded)),
+ ),
+ ],
+ ),
+ )
+ ],
+ );
+ }
+}
+
+/// ---------------------------------------------------
+class SectionChat extends StatefulWidget {
+ const SectionChat({super.key});
+
+ @override
+ State<SectionChat> createState() => _SectionChatState();
+}
+
+class _SectionChatState extends State<SectionChat> {
+ final controller = TextEditingController();
+ final gemini = Gemini.instance;
+ bool _loading = false;
+
+ bool get loading => _loading;
+
+ set loading(bool set) => setState(() => _loading = set);
+ final List<Content> chats = [];
+
  @override
  Widget build(BuildContext context) {
- return const Placeholder();
+ return Column(
+ children: [
+ Expanded(
+ child: chats.isNotEmpty
+ ? Align(
+ alignment: Alignment.bottomCenter,
+ child: SingleChildScrollView(
+ reverse: true,
+ child: ListView.builder(
+ itemBuilder: chatItem,
+ shrinkWrap: true,
+ physics: const NeverScrollableScrollPhysics(),
+ itemCount: chats.length,
+ reverse: false,
+ ),
+ ),
+ )
+ : const Center(child: Text('Search something!'))),
+ if (loading) const CircularProgressIndicator(),
+ Card(
+ margin: const EdgeInsets.all(12),
+ child: Row(
+ children: [
+ Expanded(
+ child: TextField(
+ controller: controller,
+ decoration: const InputDecoration(
+ contentPadding: EdgeInsets.symmetric(horizontal: 12),
+ hintText: 'write something ...',
+ border: InputBorder.none,
+ ),
+ onTapOutside: (event) =>
+ FocusManager.instance.primaryFocus?.unfocus(),
+ )),
+ Padding(
+ padding: const EdgeInsets.only(right: 8.0),
+ child: IconButton(
+ onPressed: () {
+ if (controller.text.isNotEmpty) {
+ final searchedText = controller.text;
+ chats.add(Content(
+ role: 'user', parts: [Parts(text: searchedText)]));
+ controller.clear();
+ loading = true;
+
+ gemini.chat(chats).then((value) {
+ chats.add(Content(
+ role: 'model',
+ parts: [Parts(text: value?.output)]));
+ loading = false;
+ });
+ }
+ },
+ icon: const Icon(Icons.send_rounded)),
+ )
+ ],
+ ),
+ )
+ ],
+ );
+ }
+
+ Widget chatItem(BuildContext context, int index) {
+ final Content content = chats[index];
+
+ return Card(
+ elevation: 0,
+ color:
+ content.role == 'model' ? Colors.blue.shade800 : Colors.transparent,
+ child: Padding(
+ padding: const EdgeInsets.all(8.0),
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Text(content.role ?? 'role'),
+ Markdown(
+ shrinkWrap: true,
+ physics: const NeverScrollableScrollPhysics(),
+ data:
+ content.parts?.lastOrNull?.text ?? 'cannot generate data!'),
+ ],
+ ),
+ ),
+ );
  }
 }

example/linux/flutter/generated_plugin_registrant.cc

@@ -6,6 +6,10 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <file_selector_linux/file_selector_plugin.h>
 
 void fl_register_plugins(FlPluginRegistry* registry) {
+ g_autoptr(FlPluginRegistrar) file_selector_linux_registrar =
+ fl_plugin_registry_get_registrar_for_plugin(registry, "FileSelectorPlugin");
+ file_selector_plugin_register_with_registrar(file_selector_linux_registrar);
 }

example/linux/flutter/generated_plugins.cmake

@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+ file_selector_linux
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST