What's New in Flutter (By: Adil Soomro) - DevFest Lahore 2024

Slide 1

Slide 1 text

Adil Soomro BooleanBites | Imagitor What's new in Flutter

Slide 2

Slide 2 text

What is Flutter?

Slide 3

Slide 3 text

Pick a platform 01 Build your app 02 Pick another platform 03 Build your app 04 Pick another platform 05 Build your app… 06 Traditional development

Slide 4

Slide 4 text

02 Pick a platform 01 Build your app 05 And another 04 And another 03 Pick another platform With Flutter

Slide 5

Slide 5 text

Where do you want your app to run? What do you want to build?

Slide 6

Slide 6 text

iOS Android Web Google Earth

Slide 7

Slide 7 text

iOS Android Google Pay

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Source: JetBrains 2023 State of Developer Ecosystem survey The most popular cross-platform framework in the world*

Slide 10

Slide 10 text

Portable Beautiful Fast Productive Open 5 Pillars Beautiful Portable Productive Fast Open

Slide 11

Slide 11 text

Impeller

Slide 12

Slide 12 text

← Frames → ← ms → Shader compilation

Slide 13

Slide 13 text

Flutter engine lead “You can't jank due to shader compilation if there is no shader compilation”

Slide 14

Slide 14 text

wonderous.app Impeller

Slide 15

Slide 15 text

Impeller Better performance Faster rendering for complex shapes Faster blur effects on iOS

Slide 16

Slide 16 text

iOS Android

Slide 17

Slide 17 text

flutter run --no-enable-impeller

Slide 18

Slide 18 text

Build with the Gemini API

Slide 19

Slide 19 text

Easily integrate generative AI features Tap into Google's most capable and general family of models Build cross-platform AI-powered apps Google AI Dart SDK

Slide 20

Slide 20 text

aistudio.google.com Google AI Studio

Slide 21

Slide 21 text

$ flutter pub add google_generative_ai

Slide 22

Slide 22 text

import 'package:google_generative_ai/google_generative_ai.dart'; final apiKey = Platform.environment['GOOGLE_API_KEY']!; void main() async { final model = GenerativeModel(model: 'gemini-pro', apiKey: apiKey); final content = [ Content.text("Write a short story about Flutter and Dart"), ]; final response = await model.generateContent(content); print(response.text); }

Slide 23

Slide 23 text

$ flutter pub add firebase_vertexai

Slide 24

Slide 24 text

final model = FirebaseVertexAI.instance.generativeModel( model: 'gemini-pro' ); final content = [ Content.text("Write a short story about Flutter and Dart"), ]; final response = await model.generateContent(content); print(response.text);

Slide 25

Slide 25 text