
Flutter - Eigene Pakete entwickeln (Teil 2)
In der Fortsetzung der Serie befassen wir uns mit dem Testen und der Weiterentwicklung unseres eigenen Dart Pakets aus dem letzten Artikel.
Inhaltsverzeichnis
Im ersten Teil haben wir uns vor allem mit der Implementierung und Nutzung des Pakets beschäftigt. Dabei wird aber weniger deutlich, wie man eigentlich das Paket weiterentwickelt. Deshalb wollen wir uns heute auf das Thema Test und Weiterentwicklung beziehen. Wenn du den ersten Teil des Artikels noch nicht gelesen hast, empfehlen wir dir dies noch zu tun, damit du weißt, um was es geht.
Anlage
Bei der Entwicklung von Paketen wird es als Best-Practice angesehen, auch gleich ein Beispiel für den Verwender anzulegen. Dieses Beispiel befindet sich im Paket im example Verzeichnis und stellt einen funktionierenden Prototypen da.
Dazu können wir im ersten Schritt das eingebaute Commando "flutter create example" in unserem Projekt ausführen, damit eine neue Flutter App direkt in unserem Paket angelegt wird. Bei dieser Methode werden auch bestimmt Dateien nicht mit angelegt, die wir in diesem Beispiel nicht benötigen (CHANGELOG oder LICENECE).
Im Example Verzeichnis findest du dann deine gewohnten Strukturen und die Datei main.dart, in der du deine Beispiel- Implementierung machen kannst. Doch bevor du mit der Implementierung starten kannst, musst du noch über die pubspec.yaml Datei dein Paket bekannt geben.
Mit der Angabe des Pfades müssen wir das Paket nicht erst herunterladen, sondern verweisen direkt auf das Oberpaket. Damit benötigen wir nur noch etwas Code in der main.dart.
import 'package:flutter/material.dart';
import 'package:testflutterpackage/pages/LoginPage.dart';
void main() {
runApp(TestApp());
}
class TestApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Test App',
home: LoginPage(),
);
}
}
Starten
Im Normallfall musst du nun noch die Konfiguration erweitern, ansonsten kannst du die Beispielapp nicht starten. Dazu über das Menü unter "Run -> Edit Configurations ..." einen neuen Eintrag mit dem "+"-Symbol erzeugen. Dabei Flutter wählen, da wir ja eine Flutter Applikation starten wollen. Als Name vergeben wir main.dart und hinterlegen den Pfad zur Datei, die für Dart als Einstiegpunkt für die Applikation dient.
Nun kannst du wie gewohnt dein Gerät starten und mit der main.dart für den Test loslegen und den Code erweitern. Der Hot-Reload funktioniert im Beispielprojekt, aber auch im Oberpaket, dass wir gerade entwickeln. Eine der Stärken von Flutter, kann damit wie gewohnt benutzt werden.
Fazit
Wenn du Komponenten hast die einer Ausgabe bedürfen und du das Paket noch weiter entwickelst, empfielt es sich auf jeden Fall ein Beispiel anzulegen. Da dieses Verfahren aber auch gängige Praxis ist, solltest du es ebenfalls für andere Entwickler machen, die vielleicht ebenfalls dein Paket nutzen werden.