Skip to main content
FHEDEEN
Infomaterial anfordern

Bachelor Flyer Master Flyer

Kontakt

Sekretariat Angewandte Informatik
Tel.: 0361 / 6700-5510 sekretariat-ai@fh-erfurt.de

Besucheranschrift:

Fachhochschule Erfurt
Fakultät Gebäudetechnik und Informatik
Fachrichtung Angewandte Informatik
Altonaer Straße 25
99085 Erfurt

Mobile Cross-Platform-Frameworks im Vergleich: Eine praxisorientierte Gegenüberstellung von Flutter und React Native

Ergebnisübersicht

Die Nutzung von Apps auf mobilen Geräten war noch nie so präsent wie heute. Dabei verteilt sich die Zielgruppe primär auf die Betriebssysteme Android und iOS. Um möglichst viele Nutzer zu erreichen, sollten Apps daher idealerweise für beide Plattformen entwickelt werden. Plattformübergreifende App-Entwicklung kann diesen Prozess deutlich effizienter gestalten. Durch diese Methode lassen sich Anwendungen anhand einer einzigen Codebasis für mehrere Plattformen entwickeln, wodurch der erforderliche Entwicklungsaufwand erheblich reduziert wird.

Im Rahmen dieser Arbeit werden die zwei populären Frameworks für plattformübergreifende Entwicklung, Flutter und React Native, anhand einer in beiden Frameworks umgesetzten Beispiel-App und einem detaillierten Kriterienkatalog verglichen. Die demonstrativen Anwendungen zeigen typische UI-Elemente, Netzwerkanfragen, plattformspezifische Funktionen (z.B. GPS, Kamera, Benachrichtigungen), Interaktionen mit einer lokalen Datenbank sowie Einstellungen für Sprache und Erscheinungsbild. Die Evaluation basiert auf Kriterien wie Unterstützung gerätespezifischer Funktionen, Langzeitunterstützung, Erscheinungsbild, Geschwindigkeit, Entwicklungsaufwand und Wartbarkeit. Dabei werden sowohl Messungen als auch subjektive Erfahrungen während der Entwicklung berücksichtigt. Abschließend werden anhand der herausgearbeiteten Vor- und Nachteile Empfehlungen formuliert, die je nach Anwendungsfall und Entwicklerkenntnissen die Wahl des optimalen Frameworks erleichtern.

Die Ergebnisse zeigen, dass beide Frameworks äußerst leistungsfähig sind, allerdings unterschiedliche Schwerpunkte setzen. Flutter besitzt eine von der Plattform unabhängig dargestellte Benutzeroberfläche, die sich durch den umfassenden Katalog an Widgets effizient umsetzen lässt, sowie eine nahtlose Integration in Entwicklungsumgebungen wie Android Studio oder Visual Studio Code. React Native hingegen punktet besonders bei der Anpassungsfähigkeit an das jeweilige Betriebssystem, da es native UI-Komponenten verwendet. Zudem erleichtert der Einsatz der verbreiteten Programmiersprache JavaScript Webentwicklern den Einstieg erheblich. Beide Frameworks erfüllen die meisten Kriterien mit einer sehr guten Bewertung. Flutter erreicht insgesamt eine geringfügig bessere Gesamtbewertung.

The use of apps on mobile devices has never been as prevalent as it is today. The target group is primarily divided between the Android and iOS operating systems. In order to reach as many users as possible, apps should therefore ideally be developed for both platforms. Cross-platform app development can make this process much more efficient. This method allows applications to be developed for multiple platforms using a single codebase, which significantly reduces the development effort required.

In this thesis, the two popular frameworks for cross-platform development, Flutter and React Native, are compared using a sample app implemented in both frameworks and a detailed list of criteria. The sample applications show typical UI elements, network requests, platform-specific functions (e.g. GPS, camera, notifications), interaction with a local database and settings for language and theme. The evaluation is based on criteria such as support for device-specific functions, long-term support, appearance, performance, development effort and maintainability. Both measurements and subjective experiences during development are taken into account. Finally, based on the advantages and disadvantages identified, recommendations are formulated that make it easier to choose the optimal framework depending on the use case and developer knowledge.

The results show that both frameworks are very powerful, but have different focuses. Flutter has a platform-independent user interface that can be implemented efficiently thanks to the comprehensive catalog of widgets, as well as seamless integration into development environments such as Android Studio or Visual Studio Code. React Native, on the other hand, scores particularly well in terms of adaptability to the respective operating system, as it uses native UI components. In addition, the use of the popular programming language JavaScript makes it much easier for web developers to get started. Both frameworks fulfill most of the criteria with a very good rating. Flutter achieves a slightly better overall rating.

Zurück