Kurz gesagt wird die Version der App abgespeichert und dann mit der aktuellen verglichen, sobald die App gestartet wird. Ein neuer Versionscode wird sich vom abgespeicherten unterscheiden und wenn noch keine Version gespeichert ist, dann haben wir einen neuen Nutzer vor uns und zeigen das Tutorial.<\/p>\n\n\n\n
Das Programmieren<\/h2>\n\n\n\n
Dieser Code kommt in die main.dart<\/strong>, wo die App initial geladen und gebaut wird. Hier ist wichtig zu bedenken, dass die Preferences geladen sein m\u00fcssen, bevor man sie abfragt. Anderenfalls bekommt man immer null zur\u00fcck (und zeigt entsprechend das Tutorial an).<\/p>\n\n\n\n Je nach Aufbau der konkreten App muss dieser Schritt nicht unbedingt notwendig sein.<\/p>\n\n\n\n Die Version muss in Preferences.dart<\/strong> abgespeichert werden. Wenn kein Wert gesetzt ist (initialer Zustand), dann soll Die Versionscodes um die es hier geht kommen aus dem Projekt – abh\u00e4ngig von der Platform, f\u00fcr die gebaut wird. <\/p>\n\n\n\n W\u00e4hrend des Debuggens ist der Eintrag Die Versionsnummer wird f\u00fcr das eigentliche Release \u00fcberschrieben. F\u00fcr Android in local.properties<\/strong>.<\/p>\n\n\n\n F\u00fcr iOS innerhalb von XCode, im General Reiter des Runners.<\/p>\n\n\n\n F\u00fcr mich war zum Debugging das Anpassen der Versionsnummer in der pubspec.yaml stets die passende Option.<\/p>\n\n\n\n Die Methoden _showTutorial() und _showUpdates() nutzen in meinem Fall showDialog() und zeigen einen Text an, den ich je nach Update anpasse.<\/p>\n\n\n\n Ich muss sagen, dass ich von diesem Feature so begeistert bin, dass ich es jetzt \u00fcberall einbauen werde.<\/p>\n","protected":false},"excerpt":{"rendered":" For first time users and after an update, I want to display information to my users. A tutorial or release notes.<\/p>\n","protected":false},"author":1,"featured_media":384,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[48,13,12],"tags":[14],"class_list":["post-203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-companero","category-flutter","category-programming","tag-flutter"],"translation":{"provider":"WPGlobus","version":"3.0.0","language":"de","enabled_languages":["en","de"],"languages":{"en":{"title":true,"content":true,"excerpt":true},"de":{"title":true,"content":true,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":9,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts\/203\/revisions\/299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/media\/384"}],"wp:attachment":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Preferences prefs;\nPackageInfo packageInfo;\n\n@override\n void initState() {\n super.initState();\n _loading();\n }\n\nFuture<void> _loading() async {\n try {\n await prefs.load();\n _checkVersion();\n return;\n } on Exception catch (e) {\n \/\/ TODO handle exception\n }\n \nFuture<void> _checkVersion() async {\n String savedVersion = prefs.getVersion();\n packageInfo = await PackageInfo.fromPlatform();\n String runningVersion = packageInfo.version;\n if (savedVersion == null) {\n _showTutorial();\n } else if (savedVersion != runningVersion) {\n _showUpdates();\n }\n }<\/code><\/pre>\n\n\n\nnull<\/code> die Anzeige des Tutorials ansto\u00dfen.<\/p>\n\n\n\n String version;\n\n \/*\n returns null when no version is set yet\n *\/\n String getVersion() {\n return version; \/\/ returning null is a valid option\n }\n\n void setVersion(String newVersion) {\n version = newVersion;\n sharedPreferences.setString('version', newVersion);\n }\n\n void _load() async {\n sharedPreferences = await SharedPreferences.getInstance();\n version = sharedPreferences.getString('version');\n }\n<\/code><\/pre>\n\n\n\nversion: 2.0.0+1<\/code> (oder so \u00e4hnlich) aus der pubspec.yaml<\/strong> relevant. Hier muss die Versionsnummer f\u00fcr den Test angepasst werden.<\/p>\n\n\n\nflutter.buildMode=debug\nflutter.versionName=2.0.0<\/mark>\nflutter.sdk=\/Library\/flutter\nsdk.dir=\/Users\/erdbaerchen\/Library\/Android\/sdk\nflutter.versionCode=1<\/code><\/pre>\n\n\n\n![\"\"](\"http:\/\/erdbeerbeet.com\/wp-content\/uploads\/2021\/04\/xcode-versionnumber-1024x340.png\")
<\/figure>\n\n\n\nDas Ergebnis<\/h2>\n\n\n\n
![\"\"](\"http:\/\/erdbeerbeet.com\/wp-content\/uploads\/2021\/04\/Bildschirmfoto-2021-04-15-um-22.04.01.png\")
<\/figure>\n\n\n\n