Die Google Developers-Codelabs bieten eine interaktive Anleitung, Programmiererfahrung haben. In den meisten Codelabs werden Sie durch den Prozess zum Erstellen einer kleinen Anwendung oder zum Hinzufügen einer neuen Funktion zu einer vorhandenen Anwendung geführt. Sie behandeln eine Vielzahl von Themen wie Android Wear, Google Compute Engine, ARCore und Google APIs auf iOS.
Codelab-Tools auf GitHubIn-App-Käufe zur Flutter App hinzufügen
Updated 23. Januar 2025
In diesem Codelab fügen Sie einer Flutter-App In-App-Käufe hinzu, die mithilfe eines Dart-Backend-Dienstes verifiziert und verwaltet werden.
Animationen in Flutter
24 Minuten
Updated 14. Januar 2025
In diesem Codelab erfahren Sie, wie Sie Animationen in Flutter verwenden. Sie erstellen ein Widget, das sowohl Größe als auch Farbe animiert, einen 3D-Karten-Flip-Effekt hinzufügt, Effekte aus dem Animationspaket nutzt und die Unterstützung der Android-Geste „Zurück“ hinzufügt.
Deine erste Flutter-App
1 Stunde 25 Minuten
Updated 13. Januar 2025
In diesem Codelab erfährst du, wie du eine Flutter-App erstellst, die zufällige, cool klingende Namen generiert.
Flutter-App mit FirebaseUI einen Nutzerauthentifizierungsablauf hinzufügen
8 Minuten
Updated 6. Januar 2025
In diesem Codelab erfahren Sie, wie Sie Firebase Authentication mit nur wenigen Codezeilen zu einer Flutter-App hinzufügen.
Firebase for Flutter kennenlernen
53 Minuten
Updated 22. November 2024
Hier erfahren Sie, wie Sie eine mobile Flutter-App mit Firebase erstellen.
Sound und Musik zum Flutter-Spiel hinzufügen
42 Minuten
Updated 9. November 2024
Hier erfährst du, wie du deinen Spielen mit Flutter Soundeffekte, Hintergrundmusik und dynamisches Audio hinzufügen kannst.
Lokale Entwicklung für Ihre Flutter-Apps mit der Firebase Emulator Suite
8 Minuten
Updated 9. November 2024
Codelab zur Verwendung der Firebase Emulator Suite während der Entwicklung mit Flutter Im Codelab werden die Auth- und Firestore-Emulatoren verwendet, um die Verwendung des Emulators zu demonstrieren.
Mit Material Motion für Flutter wunderschöne Übergänge erstellen
56 Minuten
Updated 4. November 2024
Baue das Bewegungssystem von Material mithilfe von Übergängen aus dem Animationspaket in die Antwort-App ein.
MDC-104 Flutter: Material Advanced Components
28 Minuten
Updated 4. November 2024
Optimieren Sie das Design Ihrer Flutter-App und implementieren Sie eine erweiterte Komponente für das Hintergrundmenü in Flutter.
MDC-102 Flutter: Materialstruktur und Layout
22 Minuten
Updated 4. November 2024
Hier erfahren Sie, wie Sie mit Material eine Struktur und ein Layout für eine Flutter-App erstellen.
AdMob-Banner und native Inline-Anzeigen zu einer Flutter-App hinzufügen
39 Minuten
Updated 29. August 2024
In diesem Codelab erfahren Sie, wie Sie einer Flutter-App AdMob-Inline-Anzeigen (Banner und nativ) hinzufügen.
AdMob-Anzeigen zu einer Flutter-App hinzufügen
40 Minuten
Updated 29. August 2024
In diesem Codelab erfahren Sie, wie Sie einer Flutter-App ein Banner, Interstitial-Anzeigen und Anzeigen mit Prämie hinzufügen.
Startbildschirm-Widget zur Flutter-App hinzufügen
35 Minuten
Updated 29. August 2024
In diesem Codelab erstellen Sie ein Startbildschirm-Widget für Ihre iOS- oder Android-Flutter-App. Sie beginnen mit einer einfachen Nachrichten-App von Flutter. Anschließend verwenden Sie native Frameworks, um die Benutzeroberfläche für die Widgets selbst zu erstellen. Schließlich erfahren Sie, wie Sie Ressourcen teilen und die Kommunikation zwischen Ihren Widgets und der Haupt-App herstellen.
Sprachbots für Android mit Dialogflow Essentials erstellen & Flattern
1 Stunde 5 Minuten
Updated 29. August 2024
Dialogflow bietet zahlreiche Integrationen für das Web, Google Assistant, soziale Medien und Telefonie-Gateways. Wenn Sie Ihre Chatbots jedoch auf Mobilgeräten verwenden möchten, müssen Sie eine benutzerdefinierte Integration erstellen. In diesem Lab erfahren Sie, wie Sie Dialogflow Essentials in eine Flutter-Anwendung einbinden.
Dart-Muster und -Rekorde kennenlernen
39 Minuten
Updated 29. August 2024
Mit Mustern, Datensätzen und anderen neuen Funktionen von Dart 3 kannst du deinen UI-Designstil in Flutter neu gestalten.
Google Maps zu einer Flutter-App hinzufügen
30 Minuten
Updated 23. August 2024
In diesem Codelab entwickeln Sie mithilfe des Flutter Mobile App SDK ein Google Maps-Erlebnis für die Entwicklung hochwertiger nativer Apps für iOS, Android und das Web.
Mache deine Flutter-App langweilig zu schön
52 Minuten
Updated 23. August 2024
Flutter ist das UI-Toolkit von Google, mit dem Sie mit einer einzigen Codebasis ansprechende, nativ kompilierte Apps für Mobilgeräte, Web und Desktop erstellen können. In diesem Codelab beginnen Sie mit einer einfachen Musik-App und gestalten sie mithilfe von Material 3 ansprechender und reaktionsschneller für alle Plattformen.
Adaptive Apps in Flutter
1 Stunde
Updated 23. August 2024
In diesem Codelab entwickeln Sie eine Flutter-App, die sich an alle sechs von Flutter unterstützten Plattformen anpasst: Android, iOS, das Web, Windows, macOS und Linux.
So testen Sie eine Flutter-App
55 Minuten
Updated 23. August 2024
In diesem Codelab erstellen und testen Sie eine einfache Flutter-App.
Mit Material 3 ein animiertes responsives App-Layout erstellen
53 Minuten
Updated 23. August 2024
In diesem Codelab lernen Sie, wie Sie eine Anwendung mit adaptivem Design entwickeln, die mit Material 3 auf allen sechs von Flutter unterstützten Plattformen flüssig animiert wird.
FFI in einem Flutter-Plug-in verwenden
Updated 23. August 2024
In diesem Codelab erstellen Sie mithilfe von FFI ein Flutter-Plug-in für mobile und Desktop-Plattformen, um eine vorhandene native C-Bibliothek zu nutzen.
WebView zur Flutter-App hinzufügen
1 Stunde 5 Minuten
Updated 22. August 2024
In diesem Codelab erfahren Sie, wie Sie einer Flutter-Anwendung das Plug-in „webview_flutter“ hinzufügen.
Erstelle ein 2D-Physikspiel mit Flutter & Flame
32 Minuten
Updated 22. August 2024
Mit Forge2D, einer 2D-Physik-Engine, lernst du in Flutter- und Flame-Spielen die Spielmechanik.
Einführung in Flame mit Flutter
55 Minuten
Updated 22. August 2024
In diesem Codelab erfährst du, wie du Flame verwendest, eine auf Flutter basierende Spiel-Engine. Sie lernen die Komponenten und Effekte von Flame kennen und erfahren, wie Sie Flame in das State Management von Flutter einbinden.
Benutzeroberflächen der nächsten Generation in Flutter erstellen
1 Stunde 15 Minuten
Updated 22. August 2024
Hier erfahren Sie, wie Sie Flutter-Benutzeroberflächen mit Animationen, Shadern und Partikeleffekten erstellen, die auf allen sechs Plattformen von Flutter funktionieren.
Wortpuzzle mit Flutter erstellen
53 Minuten
Updated 22. August 2024
Hier erfahren Sie, wie Sie eine rechenintensive Flutter-App entwickeln und dabei die fließende Interaktivität von Flutter aufrechterhalten.
MDC-101 Flutter: Grundlagen zu Materialkomponenten
22 Minuten
Updated 21. August 2024
Machen Sie sich mit den Grundlagen der Verwendung von Material Components vertraut, indem Sie eine Anmeldeseite für eine einfache Flutter-App erstellen.
MDC-103 Flutter: Material Theming mit Farbe, Form, Höhe und Typ
39 Minuten
Updated 21. August 2024
Mit der Material Flutter-Bibliothek kannst du dein Produkt ganz einfach von anderen abheben und deine Marke durch ein Design zum Ausdruck bringen.
编写您的第一款 Flutter 应用(第 1 部分)
38 Minuten
Updated 18. September 2024
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在此 Codelab 中,您将学习如何构建移动端的 Flutter 应用,此应用可使用能生成随机词对的软件包延迟加载无限列表。
编写您的第一款 Flutter 应用(第 2 部分)
43 Minuten
Updated 18. September 2024
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在本 Codelab 中,您将扩展简单的移动应用,以添加交互性和导航,并更改其主题颜色。
MDC-103 Flutter:Material 主题中的颜色、形状、高度和类型 (Flutter)
34 Minuten
Updated 18. September 2024
了解 Material Components for Flutter 如何让您的产品与众不同并通过设计表达您的品牌。
MDC-101 Flutter:Material Components (MDC) 基础知识 (Flutter)
14 Minuten
Updated 18. September 2024
利用核心组件构建一个简单的应用,学习使用 Material Components for Flutter 的基础知识。
MDC-102 Flutter:Material 结构和布局 (Flutter)
14 Minuten
Updated 18. September 2024
学习如何将 Material 用于 Flutter 上的结构和布局。
使用 Flutter 和 Flame 构建游戏
Updated 19. Mai 2023
在此 Codelab 中,您将使用 Flutter 和 Flame 引擎创建一个名称为 Doodle Dash 的平台游戏。
使用 TensorFlow Lite Model Maker 训练垃圾评论检测模型
Updated 7. Mai 2022
了解如何使用 TensorFlow Lite Model Maker 训练垃圾评论检测模型。
使用 TensorFlow Lite Model Maker 创建自定义文本分类模型
Updated 4. Mai 2022
了解如何使用 TensorFlow Lite Model Maker 重新训练垃圾内容检测模型,以检测特定类型的垃圾内容。