Google heeft Flutter 2.0 stabiel uitgebracht en bevat ondersteuning van productiekwaliteit voor het bouwen van webapps. Lees verder voor meer informatie!
Flutter 2.0 is vrijgegeven naar stabiel, en daarmee is er stabiele webondersteuning. Dit betekent dat Flutter nu veilig kan worden gebruikt in webprojecten van productiekwaliteit.
Dat gezegd hebbende, laten we eens kijken wat Flutter for Web inhoudt.
Renderers
Er zijn twee manieren waarop Flutter for Web uw app in een browser kan weergeven. Het kan het weergeven met HTML, CSS en Canvas, of met CanvasKit. Elk heeft zijn eigen voordelen. Omdat de HTML-renderer meer basiselementen gebruikt, kan deze sneller worden gedownload en geladen. De CanvasKit-renderer is iets zwaarder, maar levert betere prestaties als er veel op het scherm staat.
Standaard kiest een Flutter-webapp automatisch welke renderer moet worden gebruikt, op basis van het clientapparaat. Mobiele apparaten krijgen de HTML-renderer toegestuurd, terwijl desktopapparaten CanvasKit krijgen. In het geval dat u een specifieke renderer wilt gebruiken, heeft Google opties geboden om altijd de een of de ander te gebruiken.
Webspecifieke functies
Hoewel Flutter platformonafhankelijk is, zijn er nog steeds enkele dingen die specifiek zijn voor elk ondersteund platform. Dit komt omdat sommige dingen maar op één platform bestaan, of op een manier werken waarvoor een speciale API nodig is. En op internet is dat niet anders.
Flutter 2.0 voegt ondersteuning toe voor zaken als aangepaste URL-strategieën, deep links voor web-apps en goede PWA-ondersteuning. Wanneer u een Flutter for Web-project maakt, worden er een webmanifest en servicemedewerker-sjablonen voor u gegenereerd.
Gebaren en toetsenbord
Om echt platformonafhankelijk te zijn, moet een raamwerk rekening houden met het doel ervan. Als het op een desktopplatform draait, zou het moeten reageren op sneltoetsen. Op mobiel zou het moeten reageren op tik- en veegbewegingen.
Welnu, Flutter for Web doet beide dingen. Via internet richt het zich op zowel desktop- als mobiele apparaten. Met de stabiele release van Flutter for Web is er ondersteuning voor native gebaren, afhankelijk van het clientplatform en de invoerbron.
Plug-ins
Zoals elke goede taal ondersteunt Flutter bibliotheken, of in dit geval plug-ins. Uit veiligheidsoverwegingen moeten plug-ins hun platformcompatibiliteit specificeren. Omdat Flutter for Web een relatief recente toevoeging aan het framework is, ondersteunden veel plug-ins, waaronder die van Google, dit niet.
Met de release van Flutter 2.0 zijn een hele reeks Flutter-plug-ins van Google toegevoegd, inclusief de Firebase-suite, zijn gemarkeerd als webcompatibel.
Hoewel dit misschien niet veel lijkt, zijn dit enkele behoorlijk grote functies. Flutter 2.0 kreeg een heel platform en er werd veel werk gestoken om Flutter for Web in de rest van het raamwerk te laten integreren.
Wat vindt u van Flutter voor web? Is het een goede optie voor webontwikkeling? Laat het ons weten!