<p>Flutter used to be considered as an emerging and unfinished software development kit - and, as such, not ready for stable application releases. Within a short time on the market, it was difficult to recommend and choose it as a development platform. But it is the description of the past. With recent updates, it reaches its maturing stages - focusing on performance, reliability, and stability. Flutter is ready to take over the mobile development world.</p>

<h2>What&rsquo;s new in the previous releases?</h2>

<p>Flutter 2.5.3 was one of the biggest releases in terms of issues closed and bug fixes. The focus on patching existing problems makes Flutter a reliable development platform. The main target for creators is to make it a kit of great quality&nbsp;</p>

<p>Version 2.5.3 introduced fixes for Garbage Collector which is responsible for memory management. These improvements resulted in animations including images that create less junk and consume less CPU and power.<br />
It also brought enhancements for camera and image_picker plugins which include new Android functionalities and overall robustness.</p>

<p>3 months later, Flutter 2.8 was introduced. This release has brought even more performance improvements, Firebase features, and many more. The startup latency time was vastly ameliorated, resulting in an improvement of almost 50% on low-end devices, and 10% on high-end smartphones.</p>

<p>Firebase plugins for Flutter were already available in beta versions. But now most of them have moved to stable versions. This includes not onlyiOS and Android, but also the Web! They are commonly used in all of the applications, providing authorization, database, notification, and analytics features.</p>

<h2>Current version 2.10</h2>

<p>While &nbsp;Flutter supports Android, iOS, Web, macOS, Linux to this day, the most recent release enabled the support of Windows 7 &amp; above. The great news is that it underwent all necessary tests and verifications, making it a stable release!</p>

<p>This vast upgrade allows us to build applications for even more devices. With the latest release, Google also announced that nearly half a million applications are now built with Flutter!</p>

<p>Additionally, there are several platform-specific improvements that include: smoother animation when opening and closing the keyboard on iOS, automatic support for Android version 12, improved scrolling on the Web.</p>

<p>Also, Material 3 is now starting to roll out for Flutter. Developers can now generate the entire color scheme from a single color. Furthermore, 1028 new icons were added for even better visualization.</p>

<h2>What&rsquo;s next for Flutter?</h2>

<p>Flutter continues to grow and expand to new platforms. With each stable release happening every 3-4 months, as developers, we can see visible improvements in stability and performance. New functionalities are being added every rollout, and the development never stops. Now, more than ever, we can say that Flutter is a quality app development kit.</p>

<p>Focus on increasing performance and stability is visible on low-end and high-end devices performing better than ever. With great experience on mobile devices, it is time to make the Web and desktop even more efficient.</p>

<p>In 2021, Flutter became the number one used cross-platform mobile framework for software development worldwide. It was used for 42% of cross-platform apps created in that year, surpassing the React Native applications.</p>

<p>Many corporate giants of the market are switching to Flutter. That includes BMW, Toyota, eBay, Groupon, and Alibaba. Many more are already switching to Flutter with easy migration tools. As Flutter develops, more and more applications are created with it.</p>

<h2>Summary</h2>

<p>Now, more than ever, Flutter is a great choice for mobile applications development. With its constantly improving performance and stability, users can experience the applications as if they were built natively. Google provides developers with new and exciting features that help them create even better applications.</p>

<p>Flutter has become our regular support for IT projects. Find out how we do it on the landing page below:</p>

<ul>
	<li><a href="https://softnauts.com/pl/uslugi/tworzenie-aplikacji-mobilnych">Flutter application development</a>.</li>
</ul>

<p>Przez wiele czasu Flutter był uznawany za rozwijające się i niedokończone narzędzie programistyczne, kt&oacute;re nie było odpowiednią podstawą do tworzenia stabilnego oprogramowania. Gdy pojawił się na rynku, ciężko było polecić go, jako odpowiednią platformę do rozwoju aplikacji mobilnych. Te problemy Fluttera to już przeszłość &ndash; najnowsze aktualizacje sprawiły, że stał się dojrzałym i funkcjonalnym narzędziem. Skupia się na osiągach, stabilności i niezawodności. To właśnie dzięki temu Flutter jest gotowy do przejęcia świata aplikacji mobilnych.</p>

<h2>Co nowego pojawiło się w ostatnich aktualizacjach Fluttera? &nbsp;</h2>

<p>Wersja Fluttera 2.5.3 była przełomową aktualizacją, w kt&oacute;rej tw&oacute;rcy skupili się na usunięciu błęd&oacute;w i naprawieniu bieżących problem&oacute;w. Ich starania doprowadziły do tego, że Flutter stał się niezawodną platformą do rozwoju aplikacji mobilnych. Gł&oacute;wnym celem tw&oacute;rc&oacute;w Fluttera jest stworzenie możliwie najlepszego narzędzia, kt&oacute;re ułatwi tworzenie wydajnych, wieloplatformowych aplikacji mobilnych.</p>

<p>Wersja 2.5.3 wprowadza poprawki sekcji &ldquo;Garbage Collector&rdquo;, kt&oacute;ra jest odpowiedzialna za zarządzanie pamięcią. Zaimplementowane poprawki skutkują lepszą optymalizacją animacji. Dzieje się tak dzięki temu, że tworzą one mniej niepotrzebnych danych, zużywają mniej energii i w mniejszym stopniu obciążają procesor.&nbsp;</p>

<p>Aktualizacja Fluttera sprawiła także, że aplikacje lepiej wsp&oacute;łpracują z aparatami w urządzeniach mobilnych. Stało się tak dzięki wtyczce &ldquo;image_picker&rdquo;, kt&oacute;ra wprowadza nowe funkcjonalności w systemie Android i przekłada się na og&oacute;lne polepszenie niezawodności urządzenia.</p>

<p>3 miesiące p&oacute;źniej pojawiła się wersja Flutter 2.8. Jej wydanie przyniosło jeszcze więcej poprawek, w tym funkcjonalności Firebase. To doprowadziło do poprawienia czasu uruchamiania aplikacji na wielu urządzeniach &mdash; na smartfonach z niższej p&oacute;łki został on skr&oacute;cony aż o 50%, a na urządzeniach flagowych o 10%.</p>

<p>Wtyczki Firebase dla Fluttera były dostępne już wcześniej w wersjach beta, jednak teraz większość z nich zyskała stabilność i została dopuszczona do użytku. Wprowadzono je nie tylko na platformach iOS oraz Android, ale także w raplikacjach webowych. Wtyczki Firebase są z powodzeniem wykorzystywane we wszystkich aplikacjach mobilnych, zapewniając dostęp do narzędzi autoryzacji, baz danych, funkcji analitycznych i powiadomień.</p>

<h2>Obecna wersja - Flutter 2.10&nbsp;</h2>

<p>Podczas gdy Flutter wspierał Androida, iOS, aplikacje webowe, mac OS i Linux, najnowsza aktualizacja wprowadziła wsparcie platformy Windows 7 i nowszych wersji systemu. Nowa wtyczka przeszła wszystkie niezbędne testy i weryfikacje, dzięki czemu jest stabilna i niezawodna.</p>

<p>Najnowsza aktualizacja pozwala tworzyć aplikacje na jeszcze więcej platform i urządzeń. Wraz z najnowszym wydaniem Google ogłosiło, że z wykorzystaniem Fluttera powstało już ponad p&oacute;ł miliona aplikacji!</p>

<p>Dodatkowo pojawiło się wiele poprawek specyficznych dla danych platform. Są to m.in. płynniejsze animacje zamykania i otwierania klawiatury w systemie iOS, automatyczne wsparcie Androida 12 oraz ulepszone działanie aplikacji webowych.</p>

<p>Co więcej, dzięki możliwościom projektowania dostarczanym przez Fluttera, rozwija się wtyczka Material 3. Pozwala ona programistom np. na generowanie schematu kolorystycznego strony na bazie jednego koloru. Aby usprawnić pracę z wykorzystaniem wtyczki Material 3, dodano do niej kolejne 1028 modyfikowalnych ikon.</p>

<h2>Co dalej z Flutterem?</h2>

<p>Flutter wciąż się rozwija i jest adaptowany do nowych platform. Z każdym stabilnym wydaniem, kt&oacute;re następuje co około 3-4 miesiące, programiści otrzymują kolejne poprawki i dostrzegają ulepszenia w zakresie stabilności i wydajności. Nowe funkcjonalności dodawane są na każdym etapie rozwoju, a udoskonalanie Fluttera nigdy się nie kończy. Możemy dzięki temu powiedzieć, że Flutter w obecnej formie jest odpowiednim i godnym zaufania narzędziem służącym do rozwoju aplikacji.</p>

<p>Z perspektywy użytkownik&oacute;w-programist&oacute;w skupienie na poprawie wydajności i stabilności jest widoczne lepiej niż kiedykolwiek wcześniej. Dzieje się tak zar&oacute;wno na urządzeniach flagowych, jak i tych z niższej p&oacute;łki. Po sukcesach Fluttera na platformach mobilnych nadszedł czas, aby przenieść jego rozwiązania do aplikacji webowych i desktopowych.</p>

<p>W 2021 roku Flutter został liderem w dziedzinie wieloplatformowych framework&oacute;w służących do rozwoju oprogramowania. Wykorzystano go przy tworzeniu aż 42% międzyplatformowych aplikacji, co sprawiło, że Flutter wyprzedził w tej dziedzinie aplikacje React Native.</p>

<p>Wiele międzynarodowych korporacji oparło swoje aplikacje na Flutterze. Należą do nich m.in. BMW, Toyota, eBay, Groupon i Alibaba. Marki bezproblemowo wprowadzają Fluttera za pomocą prostych narzędzi migracji.&nbsp;</p>

<h2>Podsumowanie</h2>

<p>Obecnie możemy śmiało stwierdzić, że Flutter jest świetnym narzędziem do rozwoju aplikacji mobilnych. Wraz z ciągłymi poprawkami stabilności i wydajności, wieloplatformowe aplikacje tworzone za pomocą Fluttera dostarczają użytkownikom takich samych wrażeń, jak aplikacje natywne. Google dostarcza deweloperom wielu nowych, ekscytujących i użytecznych funkcji, kt&oacute;re pomagają w tworzeniu jeszcze lepszych aplikacji.<br />
&nbsp;</p>

<p>Flutter stał się naszym stałym wsparciem w realizacji projekt&oacute;w IT. Dowiedz się, jak to robimy na poniższej podstronie:</p>

<ul>
	<li><a href="https://softnauts.com/services/mobile-app-development">Tworzenie aplikacji Flutter</a></li>
</ul>

<p>Today&#39;s market requirements have meant that modern applications must feature responsiveness - the ability to adapt their interface to the device&rsquo;s dimensions. Responsiveness in mobile applications deserves special attention - because a growing number of users are using these devices. Flutter&rsquo;s latest version allows you to efficiently make settings that will make your application look good on virtually any device.&nbsp;</p>

<h2>Flutter application and mobile app responsiveness</h2>

<p>With the 2.0 version of Flutter - announcing possible app compatibility with mobile, tablet, web, smartwatches, and even car displays - it is necessary to understand the incredible power of responsive applications. But what does it mean?</p>

<p>Its code must respond to various layout changes for an application to be responsive. Its UI should act according to the shape and size of the device that displays your application.</p>

<p>Flutter is a framework that focuses on developing great-looking applications on the device. &nbsp;However, it can be challenging due to responsiveness. The latter demands implementation alongside all those screens with different widths and heights. Thankfully, the Flutter team and community developed a few solutions to speed up the process.</p>

<h2>How has Flutter improved the responsiveness of mobile applications?</h2>

<p>There are significant differences in handling responsiveness on Android and iOs platforms. &nbsp;Let&#39;s now focus on it - to understand their essence and how Flutter governs mobile app responsiveness.</p>

<h3>A responsive application - Android&nbsp;</h3>

<p>In Android&rsquo;s case, displaying multiple UI views on a screen is possible due to Fragments. We can define them as reusable components you can launch inside an app Activity.&nbsp;</p>

<p>There is also a rule worth remembering. You can run several Fragments inside an Activity. However, multiple Activities cannot be active within an app simultaneously.&nbsp;</p>

<h3>The responsiveness in mobile applications - iOS</h3>

<p>In iOS, UISplitViewController plays a similar role. It manages child view controllers in a hierarchical order within the interface, and - consequently - enables you to control multiple view controllers.</p>

<h3>A responsive application - Flutter</h3>

<p>Flutter introduced the idea of widgets. Imagine them as building blocks that can be interconnected to create an entire application.</p>

<p>This depiction is key to understanding how Flutter helps in designing cross-platform applications. This platform reads each screen and application as a set of widgets.</p>

<p>The resulting advantage is also that Widgets are inherently reusable. That equals no need to learn any other concepts when building responsive layouts in Flutter. That feature is why Flutter applications are a game-changer in today&rsquo;s mobile app development.</p>

<h2>Responsive applications with Flutter - the basics</h2>

<p>There are two basic approaches to creating responsive Flutter applications. Let us now dwell on this topic to grasp the elementary understanding of this process.</p>

<h3>MediaQuery.of()</h3>

<p>MediaQuery is a sustainable method to get information about the device&rsquo;s size and end-user preferences. We use it to design the app&rsquo;s layout according to both of these aspects - so that the design meets the requirements and makes the application responsive.</p>

<p>This method is responsible for giving the size of the screen, its orientation, etc. In short, it rebuilds the app whenever the user changes the screen size, allowing the display to work accordingly to set preferences. It is worth using when you need to work on the whole application&rsquo;s context. That does not include the size of a particular widget.</p>

<h3>LayoutBuilder</h3>

<p>Let&rsquo;s now get acquainted with another class that you will find helpful while creating Flutter responsive applications. LayoutBuilder facilitates the creation of a widget tree depending on the size of the original widget.</p>

<p>This class helps you to:&nbsp;</p>

<ul>
	<li>know how big your widget is going to be,&nbsp;</li>
	<li>decide how you are going to display it depending on its size.</li>
</ul>

<p>LayoutBuilder utilizes two main parameters, that is:</p>

<ul>
	<li>BuildContext,</li>
	<li>BoxConstraint.</li>
</ul>

<p>Both types of measurements have different various uses. We consider BoxConstraint to be more important than the two, as it defines the width of the parent widget. That serves to constitute the child according to the parent&rsquo;s size - whereas, BuildContext just refers to a particular widget.&nbsp;</p>

<p>The main difference between Media Query and Layout Builder is that the former uses the full context of the designed screen. By contrast, Layout Builder can define the maximum dimensions of each widget.</p>

<h2>Responsive Flutter app - advanced options</h2>

<p>Both MediaQuery and LayoutBuilder are significantly helpful in creating a responsive application design. However, there are more options for responsiveness that are worth mentioning. Let us now have a glance at them.</p>

<h3>AspectRatio</h3>

<p>This loosely fitted widget scales its child into a specific width-to-height ratio. Thanks to that, it retains similar space even on different screen sizes.</p>

<p>Let us now dwell a little about this widget. First, the widget checks out the largest width within the defined layout constraints. The widget&rsquo;s height constitutes the given aspect ratio to the width, which is co-dependable as a ratio of width to height.</p>

<h3>CustomSingleChildLayout</h3>

<p>This widget determines the layout of the child by using a delegate. It is a special class that uses functions such as shouldRelayout() or getSize() to position and resize a child widget. It determines the proper parent&#39;s size and constraints to position the child.&nbsp;</p>

<p>However, have in mind that the child&rsquo;s size cannot define the parent&rsquo;s size. Preserving the widget hierarchy for this solution is essential.</p>

<h3>CustomMultiChildLayout&nbsp;</h3>

<p>This widget is a more complex version of its predecessor - CustomSingleChildLayout. It takes a delegate responsible for all the magical positioning and sizing, and a list of children to become positioned. It also determines constraints for all of the children and their relationships. The Google team advises using CustomSingleChildLayout or Stack in simple cases, as they lack the complexity of this widget.</p>

<h3>OrientationBuilder</h3>

<p>Sometimes, the app&rsquo;s display may be distorted while the user rotates the screen. The proportions between landscape and portrait modes are significantly different - which doesn&#39;t mean that our application has to look bad! In this case, the Orientation Builder comes to our aid. This class builds a widget tree that depends only on the parent widget&rsquo;s orientation.</p>

<h3>FractionallySizedBox&nbsp;</h3>

<p>This widget sizes its child based on the specific fraction of the display with which it is being provided.</p>

<h3>FittedBox&nbsp;</h3>

<p>This widget is used solely for boxes, as it fits the item into its parent box based on given constraints. Thanks to that, fitting images or videos is no longer problematic and does not require manually calculating the exact width and height of the child widget.</p>

<h2>Responsive Flutter application - the community way</h2>

<p>There is also another option to have responsive apps without loads of additional code and specific widgets that can take up a lot of lines. Flutter&rsquo;s potent community created a few packages to help us with that problem. Moreover, they come in handy while keeping our code neat and clean. The only downside is that these solutions are less flexible and customizable, thus not suited for every responsiveness issue.</p>

<h2>Adjustable mobile app - Responsive Framework</h2>

<p>The main catchphrase of this plugin is &ldquo;Responsiveness made simple&rdquo;. For sure, it delivers as promised! It automates the scaling and resizing process to keep your UI neat and clean - &nbsp;no matter what device it is on. You only have to set breaking points, so the plugin knows where and how to act. Between every breakpoint, you can choose if you want to resize or autoscale your application interface - giving you more control over your design.</p>

<p>Check out this plugin here: https://pub.dev/packages/responsive_framework</p>

<h2>Flutter ScreenUtils</h2>

<p>This plugin allows you to adapt screen and font size, automatically matching it to different devices. You only have to provide it with the default screen size you have been working on and then add .w (stands for width) and .h (stands for height) properties to each dimension used in the application. This easy trick will leave you with a responsive UI regardless of the device&rsquo;s size.</p>

<p>Get accustomed to this plugin and download it from this site: https://pub.dev/packages/flutter_screenutil</p>

<h2>Responsive Flutter application - are you ready to develop one?</h2>

<p>All of the provided solutions make our daily work with Flutter a comfortable, swift experience that allows implementing suitable solutions that will make your application responsive - no matter the device at which it is installed.&nbsp;</p>

<p>Do you want to know more about Flutter? Check out our blog entries regarding this amazing platform.&nbsp;</p>

<ul>
	<li><a href="https://softnauts.com/blog/flutter-libraries-design-a-new-dimension-of-design-vol-2">Flutter Libraries,</a></li>
	<li><a href="https://softnauts.com/blog/flutter-design-libraries-that-take-projects-to-another-level-vol-1">Flutter Design,</a></li>
	<li><a href="https://softnauts.com/blog/flutter-libraries-that-take-projects-to-another-level-vol-3">Firebase Features.</a><br />
	&nbsp;</li>
</ul>

<p><a href="https://softnauts.com/services/mobile-app-development">Developing cross-platform Flutter</a> applications is our daily bread. Find out how you can back up your business with us!</p>

<p>Dzisiejsze wymagania rynku sprawiły, że nowoczesne aplikacje muszą charakteryzować się responsywnością - umiejętnością dostosowania swojego interfejsu do wymiar&oacute;w urządzenia. Na szczeg&oacute;lną uwagę zasługuje responsywność w aplikacjach mobilnych, &nbsp;ponieważ z tych urządzeń korzysta coraz większa liczba użytkownik&oacute;w. Najnowsza wersja Fluttera pozwala na sprawne wprowadzanie ustawień, kt&oacute;re sprawią, że Twoja aplikacja będzie dobrze wyglądać na praktycznie każdym urządzeniu.&nbsp;</p>

<h2>Responsywność aplikacji mobilnych - Flutter</h2>

<p>Wraz z wersją 2.0 Fluttera - zapowiadającą możliwą kompatybilność aplikacji z urządzeniami mobilnymi, tabletowymi, internetowymi, smartwatchami, a nawet wyświetlaczami samochodowymi - konieczne jest zrozumienie niesamowitej mocy aplikacji responsywnych. Ale co to właściwie znaczy?</p>

<p>Aby aplikacja była responsywna, jej kod musi reagować na r&oacute;żne zmiany układu. Jej UI powinno zachowywać się zgodnie z kształtem i wielkością urządzenia, kt&oacute;re wyświetla Twoją aplikację.</p>

<p>Flutter to framework, kt&oacute;ry skupia się na tworzeniu znakomicie wyglądających aplikacji na danym urządzeniu. &nbsp;Może to jednak stanowić wyzwanie ze względu na responsywność. Wymaga ono wdrożenia r&oacute;wnolegle do wszystkich ekran&oacute;w o r&oacute;żnych szerokościach i wysokościach. Na szczęście zesp&oacute;ł i społeczność Flutter opracowała kilka rozwiązań, aby przyspieszyć ten proces.</p>

<h2>Jak Flutter poprawił responsywność aplikacji mobilnych?</h2>

<p>Aplikacja responsywna to cel, kt&oacute;ry można zrealizować przy użyciu r&oacute;żnych technologii. Istnieją znaczące r&oacute;żnice w obsłudze responsywności na platformach Android i iOs. &nbsp;Skupmy się teraz na tym - aby zrozumieć ich istotę i to jak Flutter rządzi responsywnością aplikacji mobilnych.</p>

<h3>Aplikacja responsywna - Android&nbsp;</h3>

<p>W przypadku Androida wyświetlanie wielu widok&oacute;w UI na ekranie jest możliwe dzięki Fragmentom. Możemy je zdefiniować jako komponenty wielokrotnego użytku, kt&oacute;re można uruchomić wewnątrz aktywności aplikacji.&nbsp;</p>

<p>Jest też pewna zasada, o kt&oacute;rej warto pamiętać. W ramach jednej aktywności można uruchomić kilka Fragment&oacute;w. Nie można jednak uruchomić wielu aktywności jednocześnie w obrębie jednej aplikacji.</p>

<h3>Responsywność w aplikacjach mobilnych - iOS</h3>

<p>W systemie iOS podobną rolę odgrywa UISplitViewController. Zarządza on kontrolerami &quot;child&quot; widoku w obrębie interfejsu. W rezultacie, mamy możliwość sterowania wieloma kontrolerami widoku.</p>

<h2>Responsywność w aplikacjach mobilnych Flutter - podstawy</h2>

<p>Istnieją dwa podstawowe podejścia do tworzenia responsywnych aplikacji Flutter. Prześledźmy teraz ten temat, aby uchwycić podstawowe rozeznanie w tym procesie.</p>

<h3>Aplikacja Flutter - MediaQuery.of()</h3>

<p>MediaQuery to zr&oacute;wnoważona metoda pozwalająca uzyskać informacje o rozmiarze urządzenia, a także preferencjach użytkownika końcowego. Wykorzystujemy ją do zaprojektowania układu aplikacji według obu tych aspekt&oacute;w - tak, aby projekt spełniał wymagania i doprowadził do responsywności aplikacji na r&oacute;żnych urządzeniach.</p>

<p>Metoda ta odpowiada za podanie rozmiaru ekranu, jego orientacji itp. Kr&oacute;tko m&oacute;wiąc, MediaQuery.of przebudowuje aplikację za każdym razem, gdy użytkownik zmienia rozmiar ekranu, pozwalając, by wyświetlacz działał odpowiednio do ustawionych preferencji. Warto go używać, gdy trzeba pracować nad całym kontekstem aplikacji. Metoda ta nie obejmuje rozmiaru konkretnego widżetu.</p>

<h3>Aplikacja Flutter - LayoutBuilder</h3>

<p>Zapoznajmy się teraz z kolejną klasą, z kt&oacute;rej zastosowania skorzysta każda responsywna aplikacja Flutter. LayoutBuilder ułatwia tworzenie drzewa widget&oacute;w w zależności od rozmiaru pierwotnego obiektu.</p>

<p>Z klasy tej korzystamy, aby:&nbsp;</p>

<ul>
	<li>dowiedzieć się, jak duży ma być Tw&oacute;j widget,&nbsp;</li>
	<li>zdecydować, jak będziesz go wyświetlać w zależności od jego rozmiaru.</li>
</ul>

<p>LayoutBuilder wykorzystuje dwa gł&oacute;wne parametry, czyli:</p>

<ul>
	<li>BuildContext,</li>
	<li>BoxConstraint.</li>
</ul>

<p>Oba typy mają r&oacute;żne zastosowania. Uważamy, że BoxConstraint jest ważniejszy z tych dw&oacute;ch, ponieważ określa szerokość do widgetu rodzica. To służy do konstytuowania parametru &quot;child&quot; zgodnie z rozmiarem parenta - podczas gdy, BuildContext po prostu odnosi się do konkretnego widgetu.&nbsp;</p>

<p>Gł&oacute;wną r&oacute;żnicą między Media Query a Layout Builder jest to, że ten pierwszy wykorzystuje pełny kontekst projektowanego ekranu. W przeciwieństwie do niego, Layout Builder może zdefiniować maksymalne wymiary każdego widgetu. Obie metody stosujemy zawsze, gdy chcemy zapewnić optymalną responsywność aplikacji mobilnych.</p>

<p><strong>Sprawdź r&oacute;wnież artykuł:&nbsp;<a href="https://softnauts.com/pl/blog/flutter-ciagly-rozwoj-i-udoskonalenia">Flutter - ciągły rozw&oacute;j i udoskonalenia</a></strong></p>

<p>&nbsp;</p>

<h2>Responsywna aplikacja Flutter - zaawansowane opcje</h2>

<p>Zar&oacute;wno MediaQuery, jak i LayoutBuilder znacząco pomagają w tworzeniu responsywnego projektu aplikacji. Jest jednak więcej opcji dotyczących responsywności, o kt&oacute;rych warto wspomnieć. Rzućmy teraz na nie okiem.</p>

<h3>AspectRatio</h3>

<p>Ten luźno dopasowany widget skaluje element &quot;child&quot; do określonego stosunku szerokości do wysokości. Dzięki temu zachowuje on podobną przestrzeń nawet na r&oacute;żnych rozmiarach ekranu.</p>

<p>Porozmawiajmy teraz trochę o tym widżecie. Po pierwsze, sprawdza on największą szerokość w ramach zdefiniowanych ograniczeń układu. Wysokość widżetu stanowi podany wsp&oacute;łczynnik proporcji do szerokości, kt&oacute;ry jest wsp&oacute;łzależny jako stosunek szerokości do wysokości.</p>

<h3>CustomSingleChildLayout</h3>

<p>Ten widżet określa układ elementu &quot;child&quot; przy pomocy delegata. Jest to specjalna klasa, kt&oacute;ra używa funkcji takich jak shouldRelayout() lub getSize() do pozycjonowania i zmiany rozmiaru widżetu dziecka. Określa ona właściwy rozmiar rodzica i ograniczenia, aby pozycjonować segment &quot;child&quot;.&nbsp;</p>

<p>Należy jednak pamiętać, że jego rozmiar nie może definiować rozmiaru parenta. Zachowanie hierarchii widżet&oacute;w dla tego rozwiązania jest niezbędne.</p>

<h3>CustomMultiChildLayout&nbsp;</h3>

<p>Ten widżet jest bardziej złożoną wersją swojego poprzednika - CustomSingleChildLayout. Pobiera delegata odpowiedzialnego za całe magiczne pozycjonowanie i rozmiar oraz listę element&oacute;w &quot;child&quot;, kt&oacute;re mają być pozycjonowane. Określa r&oacute;wnież ograniczenia dla wszystkich segment&oacute;w i ich wzajemnej relacji.&nbsp;</p>

<p>Zesp&oacute;ł Google zaleca używanie CustomSingleChildLayout lub Stack w prostych przypadkach, ponieważ brakuje im złożoności tego widżetu.</p>

<h3>OrientationBuilder</h3>

<p>Zdarza się, że podczas obracania ekranu przez użytkownika, wygląd aplikacji może ulec zniekształceniu. Proporcje pomiędzy trybami poziomym i pionowym znacznie się r&oacute;żnią. Nie oznacza to jednak, że w takim przypadku nasza aplikacja musi wyglądać źle!&nbsp;</p>

<p>Z pomocą przychodzi nam Orientation Builder. Klasa ta buduje drzewo widżet&oacute;w, kt&oacute;re zależy tylko od orientacji parenta.</p>

<h3>FractionallySizedBox&nbsp;</h3>

<p>Ten widget dopasowuje rozmiar elementu child na podstawie określonego ułamka wyświetlacza, z kt&oacute;rym jest dostarczany.</p>

<h3>FittedBox&nbsp;</h3>

<p>Ten widget jest wykorzystywany wyłącznie do box&oacute;w, ponieważ dopasowuje element do swojego rodzica na podstawie zadanych ograniczeń. Dzięki temu dopasowanie obraz&oacute;w czy film&oacute;w nie jest już problematyczne i nie wymaga ręcznego obliczania dokładnej szerokości i wysokości widgetu-dziecka.</p>

<h2>Responsywna aplikacja Flutter - sieć społecznościowa</h2>

<p>Jest też inna opcja, aby Twoja aplikacja responsywna była pozbawiona zbędnego kodu i widżet&oacute;w, kt&oacute;re mogą zajmować wiele linijek. Rozbudowana społeczność Fluttera stworzyła kilka pakiet&oacute;w, kt&oacute;re mają za zadanie pom&oacute;c nam w rozwiązaniu tego problemu. Co więcej, przydają się one podczas utrzymywania naszego kodu w sp&oacute;jnym porządku.&nbsp;</p>

<p>Jedynym minusem jest to, że te rozwiązania są mniej elastyczne i konfigurowalne, przez co nie nadają się do każdego problemu z responsywnością. Niemniej, warto zasięgnąć wiedzy zgromadzonej przez pasjonat&oacute;w tematu - w ten spos&oacute;b możemy znaleźć optymalne rozwiązania, z kt&oacute;rych skorzysta nasza aplikacja. Flutter zgromadził wok&oacute;ł siebie wyjątkowo aktywną społeczność, dlatego też polecamy zasięgnąć rady innych użytkownik&oacute;w tego frameworku.</p>

<h2>Dostosowywana aplikacja mobilna - Responsive Framework</h2>

<p>Gł&oacute;wnym hasłem tej wtyczki jest &quot;Responsiveness made simple&quot;. Z pewnością zapewnia ona dokładnie to, co obiecano! Responsive Framework automatyzuje proces skalowania i zmiany rozmiaru, aby Tw&oacute;j układ UI był schludny i czysty, a aplikacja responsywna - bez względu na to, na jakim urządzeniu się znajduje.&nbsp;</p>

<p>Wtyczka ta wymaga ustawienia punkt&oacute;w przełamania (ang. breaking points), aby była w stanie zidentyfikować, gdzie ma przeprowadzić zamierzoną modyfikację. Przy każdym punkcie przełamania możesz wybrać, czy chcesz zmienić rozmiar lub autoskalować sw&oacute;j interfejs aplikacji - dając Ci większą kontrolę nad swoim projektem.</p>

<p>Sprawdź tę wtyczkę tutaj: https://pub.dev/packages/responsive_framework</p>

<h2>Responsywna aplikacja - Flutter ScreenUtils</h2>

<p>Ta wtyczka pozwala dostosować rozmiar ekranu i czcionki, automatycznie dopasowując go do r&oacute;żnych urządzeń. Wystarczy, że dostarczysz mu domyślny rozmiar ekranu, na kt&oacute;rym pracowałeś, a następnie dodasz właściwości .w (oznacza szerokość) i .h (oznacza wysokość) do każdego wymiaru używanego w aplikacji. Ta prosta sztuczka to gwarancja, że w Twoich rękach pozostanie aplikacja responsywna - niezależnie od rozmiaru urządzenia.</p>

<p>Przetestuj tę wtyczkę i pobierz ją z tej strony: https://pub.dev/packages/flutter_screenutil</p>

<h2>Aplikacja responsywna Flutter - gotowi, by ją stworzyć?</h2>

<p>Wszystkie dostarczone rozwiązania sprawiają, że nasza codzienna praca z Flutterem jest wygodnai &nbsp;szybka. Ten framework pozwala na wdrożenie odpowiednich rozwiązań, kt&oacute;re zapewniają responsywność aplikacji mobilnych - niezależnie od urządzenia, na kt&oacute;rym jest zainstalowana.&nbsp;</p>

<p>Chcesz dowiedzieć się więcej o Flutterze? Sprawdź nasze wpisy na blogu dotyczące tej niesamowitej platformy.&nbsp;</p>

<ul>
	<li><a href="https://softnauts.com/pl/blog/biblioteka-flutter-programowanie-vol-2">Biblioteki Flutter Programowanie</a>,</li>
	<li><a href="https://softnauts.com/pl/blog/biblioteki-flutter-design-vol-1">Flutter Design,</a></li>
	<li><a href="https://softnauts.com/pl/blog/biblioteki-flutter-aktualizacje-linki-dynamiczne-powiadomienia-vol-3">Funkcje Firebase.</a></li>
</ul>

<p><a href="https://softnauts.com/pl/uslugi/tworzenie-aplikacji-mobilnych">Tworzenie aplikacji wieloplatformowych</a> Flutter jest naszym chlebem powszednim. Dowiedz się, w jaki spos&oacute;b możesz z nami wesprzeć sw&oacute;j biznes!</p>

<p>Above all - the people! We follow that principle in our daily work life - including our business activities. That also reflects our aim to support young talents who strive to turn their potential into real-life success. The core example of this principle is our long-term cooperation with AGH Space Systems. How have we put our hand to the success of agh science club members? Let&rsquo;s find out!</p>

<h2>Our collaboration with AGH - application for university</h2>

<p>The association with the AGH university began in 2018. At that time, representatives of the university commissioned us to develop an app that allows faultless navigation on campus. Our project was very positively received by the university, as evidenced by the high rating on <a href="https://clutch.co/profile/softnauts">the Clutch portal</a>.</p>

<p>That was the beginning of fruitful cooperation between the university and our software house, to which we have proceeded with great enthusiasm. We perceive every project as an opportunity to deliver high-quality products and establish mutual relationships based on trust and diligence. That cooperation proves no different!</p>

<p><a href="https://softnauts.com/portfolio/welcome-to-agh-ust">The AGH application - Welcome to AGH </a>was also the beginning of a long-term association, which resulted in our involvement during the technology competitions in Portugal and Drawsko Pomorskie. There, the Scientific Circle in Science and Technology participants presented their achievements in the form of a functioning model of the Skylark rocket.</p>

<p>Applications for universities are becoming more and more popular. In our team you will find specialists who will create a tailor-made solution, as well as adjust the work plan to the rules applicable to the selected grant. For more information, see the article: <a href="https://softnauts.com/blog/mobile-university-apps-for-students">University mobile applications</a></p>

<h2>AGH Space System - who are they?</h2>

<p>The AGH Space Systems is a student-based construction team established in 2014. They focus on space technology development, including:</p>

<ul>
	<li>rockets,&nbsp;</li>
	<li>Mars rovers,&nbsp;</li>
	<li>planetary landers,&nbsp;</li>
	<li>stratospheric balloon nacelles.</li>
</ul>

<p>The work of the AGH Space Systems team received repeated recognition from both Polish and international audiences. Their successes include:</p>

<ul>
	<li>winning 2nd place twice at the Spaceport America Cup competition in 2018-19,</li>
	<li>1st place in the CanSat Competition in 2015,</li>
	<li>1st place in the Global Space Balloon Challenge in 2016,</li>
	<li>2nd place in the Indian and European Rover Challenge 2019.</li>
</ul>

<p><br />
See the <a href="http://spacesystems.agh.edu.pl/#/">AGH Space Systems website </a>and gather more information about this ambitious project.</p>

<h2>The Skylark rocket&nbsp;</h2>

<p>Becoming a sponsor of the Skylark rocket dates back to September 2021. The project roots in the collective work of the AGH University of Science and Technology students.</p>

<p>The presence of the Softnauts logo on the AGH rocket was proof of our commitment to the project. We watched its set off during <a href="https://www.facebook.com/ERocketryC/">the technological competitions EuRoC in Portugal </a>and Drawsko Pomorskie. It appealed to the audience thanks to its uniqueness and advanced technological solutions.&nbsp;</p>

<p>You can find coverage of both events on the <a href="https://www.facebook.com/aghspace/posts/pfbid0avg9XeSkom2XNAqqSpzBT2yji6itbgRucHsc1Ho5CnNETiDFtYVMQcrKqGUdPaHal">AGH Space Systems Facebook fan page</a>. We share their joy coming from the positive results and cannot wait for more successes on their part!</p>

<h2>The 3D printer as a support for the Skylark project</h2>

<p>We funded the purchase of a Prusa i3 MK3S + 3D printer to improve the flow of this ambitious project. This extraordinary device enabled them to create:</p>

<ul>
	<li>small elements requiring high precision,&nbsp;</li>
	<li>various mechanical adapters with intricate geometries,&nbsp;</li>
	<li>more extensive, non-load-bearing internal parts,&nbsp;</li>
	<li>prototypes of other structural components for testing purposes.&nbsp;</li>
</ul>

<p>The accuracy and speed of the Prisa ML3S+ printer made it possible to produce these parts quickly and with great attention to detail.</p>

<p>So far, young engineers have used their own or borrowed equipment to work on rockets and rovers. Providing them with this device has made the work on individual components of the vehicles smoother.</p>

<p>In addition, the Prusa i3 MK3S+ is of notably high quality. The automatic calibration of the work table merits special attention - as it impacts the ease of print preparation. That results in stable, uninterrupted production of components.&nbsp;</p>

<p>However, we also based the choice of the printer&rsquo;s model on the high-quality bearing. Because of that, the rocket&rsquo;s structural parts feature impeccable precision.</p>

<p>Are you curious about this printer&rsquo;s features? Check out <a href="https://www.prusa3d.com/product/original-prusa-i3-mk3s-3d-printer-3/">the producer&rsquo;s website </a>to get to know it better.</p>

<h3>Case study and UX training</h3>

<p>However, our support for this project did not end there. We also have a part in the digital presentation of the project! We believe in the value of expertise sharing - thus, we have decided to partake in a different project with the AGH Space System.</p>

<p>Our Softnauts&rsquo; UX and Web designer came to share her expertise with the AGH Space Systems marketing section. That took place in the shape of online workshops regarding both matters. They touched upon, among others:</p>

<ul>
	<li>visual identification,</li>
	<li>defining information architecture,</li>
	<li>creating interfaces.</li>
</ul>

<p>We made sure that the participants of the workshops finished the course with a website prototype to aid them in future attempts to create a full-fledged one.&nbsp;</p>

<p>Our contribution to the workshop organization regarding web design and UX was also positively evaluated. According to the student association representatives, this is a key activity for marketing the AGH Space Systems project. The newly designed website will result in such aspects in the future:</p>

<ul>
	<li>convenient communication with sponsors,</li>
	<li>efficient transfer of information to fans and the university itself,</li>
	<li>facilitation of the future recruitment process to the student association.</li>
</ul>

<p>We are thankful for the opportunity to share knowledge with the Marketing section of AGH Space Systems. We consider it a great opportunity for us - and would love to participate in a similar workshop in the future.</p>

<h2>From the AGH Space Systems&rsquo; perspective</h2>

<p>The student association members declare that cooperation with sponsors is one of the foundations enabling the functioning of AGH Space Systems. Without the support of partners, space projects would not be possible to implement. All team members and the university representatives consider Softnauts&rsquo; involvement with vast appreciation.</p>

<p>We strongly appreciate the positive feedback from the students participating in this workshop. With the knowledge we were able to share, we believe that they will be able to promote their business and achieve spectacular success in the aerospace engineering field.</p>

<p>We thank the team of AGH Space Systems for the trust placed in us. Our cooperation enables the development of future-oriented projects, on which young aspiring engineers and designers work. We hope that the skills they gain during the project implementation will find their application in their future professional careers.</p>

<h2>Our future involvement</h2>

<p>We believe that aspiring, young people such as the AGH Space Systems&rsquo; members are the driving force behind technological development in every work area. We are proud of our involvement in the Skylark rocket project and consider it a vast achievement in the history of all our client relationships.</p>

<p>According to a representative of AGH Space Systems, it will enable a more efficient exchange of information in the software team of the Rocket Section. That is extremely important for improving the work of the entire team.</p>

<p>We do not call it an end! As for 2022, we aim to create prospects of cooperation. We are planning to conduct IT workshops regarding, among others, IT project management and teamwork management.</p>

<p>With this in mind, we eagerly anticipate further fruitful ventures of this magnitude. The opportunity to provide young, aspiring engineers and marketers with the tools to spread science and reach for the stars has given us indescribable joy. We look forward to more opportunities to participate in such projects!</p>

<p>Do you want to improve your business using the latest technology? Check out Softnauts&#39; proposals for:</p>

<ul>
	<li><a href="https://softnauts.com/services/web-application-development">Mobile application development</a>,</li>
	<li><a href="https://softnauts.com/services/discovery-workshops">Product workshops</a>.</li>
</ul>

<p>Ludzie ponad wszystko! Tą zasadą kierujemy się w naszym codziennym życiu zawodowym - r&oacute;wnież na polu działalności biznesowej. Odzwierciedla to r&oacute;wnież nasz cel, jakim jest wspieranie młodych talent&oacute;w, kt&oacute;re starają się przekuć sw&oacute;j potencjał w rzeczywisty sukces. Gł&oacute;wnym przykładem tej zasady jest nasza wieloletnia wsp&oacute;łpraca z AGH Space Systems. Jak przyłożyliśmy rękę do sukcesu członk&oacute;w koła naukowego AGH? Przekonajmy się!</p>

<h2>Nasza wcześniejsza wsp&oacute;łpraca - aplikacja AGH&nbsp;</h2>

<p>Nasza wsp&oacute;łpraca z uczelnią AGH rozpoczęła się w 2018 roku. W&oacute;wczas przedstawiciele uczelni zlecili nam stworzenie aplikacji umożliwiającej sprawną nawigację po kampusie. Nasz projekt został bardzo pozytywnie odebrany przez uczelnię, o czym świadczy wysoka ocena na portalu Clutch.</p>

<p>Był to początek owocnej wsp&oacute;łpracy pomiędzy uczelnią a naszym software house, do kt&oacute;rej przystąpiliśmy z wielkim entuzjazmem. Każdy projekt postrzegamy jako okazję do dostarczenia wysokiej jakości produkt&oacute;w i nawiązania wzajemnych relacji opartych na zaufaniu i staranności. Aplikacja AGH, kt&oacute;ra wciąż służy studentom i bywalcom kampusu potwierdza to założenie!</p>

<p><a href="https://softnauts.com/pl/portfolio/welcome-to-agh-ust">Aplikacja AGH - Welcome to AGH </a>była r&oacute;wnież początkiem wieloletniego partnerstwa, kt&oacute;re zaowocowało naszym zaangażowaniem podczas konkurs&oacute;w technologicznych w Portugalii i Drawsku Pomorskim. Tam uczestnicy Koła Naukowego w Nauce i Technice zaprezentowali swoje osiągnięcia w postaci działającego modelu rakiety Skylark.</p>

<p>Aplikacje dla uczelni cieszą się coraz większą popularnością. W naszym zespole znajdziesz specjalist&oacute;w, kt&oacute;rzy stworzą rozwiązanie szyte na miarę potrzeb, a także dostosują plan pracy do zasad obowiązujących w przypadku wybranego dofinansowania. Więcej informacji sprawdzisz w artykule: <a href="https://softnauts.com/pl/blog/mobilne-aplikacje-uczelni">Mobilne aplikacje uczelni</a></p>

<h2>AGH Space System - kim oni są?</h2>

<p>AGH Space Systems to studencki zesp&oacute;ł konstrukcyjny założony w 2014 roku. Skupiają się na rozwoju technologii kosmicznych, w tym:</p>

<ul>
	<li>rakiet,&nbsp;</li>
	<li>łazik&oacute;w marsjańskich,&nbsp;</li>
	<li>lądownik&oacute;w planetarnych,&nbsp;</li>
	<li>gondoli balon&oacute;w stratosferycznych.</li>
</ul>

<p>Prace zespołu AGH Space Systems wielokrotnie spotykały się z uznaniem zar&oacute;wno polskiej, jak i międzynarodowej publiczności. Do ich sukces&oacute;w należy zaliczyć:</p>

<ul>
	<li>dwukrotne zdobycie 2. miejsca na zawodach Spaceport America Cup w latach 2018-19,</li>
	<li>1. miejsce w konkursie CanSat w 2015 r,</li>
	<li>1. miejsce w Global Space Balloon Challenge w 2016 r,</li>
	<li>2 miejsce w indyjskim i europejskim Rover Challenge w 2019 roku.</li>
</ul>

<p>Zobacz <a href="http://spacesystems.agh.edu.pl/">stronę AGH Space Systems </a>i zdobądź więcej informacji o tym ambitnym projekcie.</p>

<h2>Rakieta Skylark&nbsp;</h2>

<p>Pozyskanie sponsoringu nad rakietą Skylark datujemy na wrzesień 2021 roku. Projekt wywodzi się z kolektywnej pracy student&oacute;w AGH i stanowi rezultat ich wieloletnich starań.</p>

<p>Obecność logo Softnauts na rakiecie AGH była dowodem naszego zaangażowania w projekt. Jej start obserwowaliśmy podczas zawod&oacute;w technologicznych <a href="https://www.facebook.com/ERocketryC/">EuRoC w Portugalii </a>i Drawsku Pomorskim. Przypadła ona do gustu publiczności dzięki swojej unikalności i zaawansowanym rozwiązaniom technologicznym.&nbsp;</p>

<p>Relacje z obu wydarzeń można znaleźć na <a href="https://www.facebook.com/aghspace/posts/pfbid0avg9XeSkom2XNAqqSpzBT2yji6itbgRucHsc1Ho5CnNETiDFtYVMQcrKqGUdPaHal">fanpage&#39;u AGH Space Systems na Facebooku</a>. Podzielamy ich radość z pozytywnych wynik&oacute;w i nie możemy się doczekać kolejnych sukces&oacute;w z ich strony!</p>

<h2>Drukarka 3D jako wsparcie dla projektu Skylark</h2>

<p>Wsparcie dla projektu AGH Space Systems z naszej strony przyszło pod postacią profesjonalnej drukarki 3D. Sfinansowaliśmy zakup modelu 3D Prusa i3 MK3S +, aby usprawnić płynność realizacji tego ambitnego przedsięwzięcia. To niezwykłe urządzenie pozwoliło studentom wyprodukować:</p>

<ul>
	<li>małe elementy wymagające dużej precyzji,&nbsp;</li>
	<li>r&oacute;żne adaptery mechaniczne o skomplikowanej geometrii,&nbsp;</li>
	<li>bardziej rozbudowane, nieprzenoszące obciążeń części wewnętrzne,&nbsp;</li>
	<li>prototypy innych element&oacute;w konstrukcyjnych do cel&oacute;w testowych.&nbsp;</li>
</ul>

<p>Dokładność i prędkość drukarki Prisa ML3S+ pozwoliła na wyprodukowanie tych części szybko i z dużą dbałością o szczeg&oacute;ły. To aspekty szczeg&oacute;lnie istotne w konstruowaniu sprzętu przeznaczonego do obcowania z pr&oacute;żnią. Dokładność i niezawodność zapewniane przez doskonale przygotowany sprzęt może stanowić zar&oacute;wno o sukcesie niewiarygodnie kosztownego przedsięwzięcia, jak i ludzkim życiu.</p>

<p>Do tej pory młodzi inżynierowie wykorzystywali własny lub pożyczony sprzęt do pracy nad rakietami i łazikami. Udostępnienie im tego urządzenia sprawiło, że praca nad poszczeg&oacute;lnymi elementami pojazd&oacute;w przebiegała płynniej.</p>

<p>Ponadto Prusa i3 MK3S+ charakteryzuje się wyjątkowo wysoką jakością. Na szczeg&oacute;lną uwagę zasługuje automatyczna kalibracja stołu roboczego - wpływa ona bowiem na łatwość przygotowania wydruku. To przekłada się na stabilną, nieprzerwaną produkcję element&oacute;w.&nbsp;</p>

<p>Jednak wyb&oacute;r modelu drukarki oparliśmy r&oacute;wnież na wysokiej jakości łożysku. Dzięki temu części konstrukcyjne rakiety charakteryzują się nienaganną precyzją.</p>

<p>Jesteście ciekawi właściwości tej drukarki? Sprawdźcie <a href="https://www.prusa3d.com/product/original-prusa-i3-mk3s-3d-printer-3/">stronę producenta</a>, by poznać ją lepiej.</p>

<h3>Warsztaty z działem marketingowym AGH Space Systems</h3>

<p>Na tym jednak nasze wsparcie dla tego projektu się nie skończyło. Mamy r&oacute;wnież sw&oacute;j udział w cyfrowej prezentacji projektu! Wierzymy w wartość dzielenia się wiedzą - dlatego postanowiliśmy wziąć udział w innym projekcie z AGH Space System.</p>

<p>Nasza projektantka UX i Web z firmy Softnauts przyjechała, aby podzielić się swoją wiedzą z działem marketingu AGH Space Systems. Odbyło się to w formie warsztat&oacute;w online dotyczących obu spraw. Dotyczyły one m.in:</p>

<ul>
	<li>identyfikacji wizualnej,</li>
	<li>definiowania architektury informacji,</li>
	<li>tworzenia interfejs&oacute;w.</li>
</ul>

<p>Zadbaliśmy o to, by uczestnicy warsztat&oacute;w zakończyli kurs z prototypem strony internetowej, kt&oacute;ry pomoże im w przyszłych pr&oacute;bach stworzenia pełnowartościowego serwisu.&nbsp;</p>

<h3>Szkolenie w kierunku UX i kreacji case study</h3>

<p>Pozytywnie oceniono r&oacute;wnież nasz wkład w organizację warsztat&oacute;w dotyczących web designu i UX. Według przedstawicieli stowarzyszenia studenckiego jest to kluczowe działanie dla marketingu projektu AGH Space Systems. Nowo zaprojektowana strona internetowa zaowocuje takimi aspektami w przyszłości:</p>

<ul>
	<li>dogodna ścieżka komunikacji ze sponsorami,</li>
	<li>sprawne przekazywanie informacji kibicom projektu i samej uczelni,</li>
	<li>ułatwienie w przyszłości procesu rekrutacji do stowarzyszenia studenckiego.</li>
</ul>

<p>Jesteśmy wdzięczni za możliwość podzielenia się wiedzą z działem marketingu AGH Space Systems. Uważamy to za wielką szansę dla nas w kontekście rozbudowywania kontakt&oacute;w z naszymi partnerami. Mamy nadzieję na udział w podobnych warsztatach w przyszłości.</p>

<h2>Z perspektywy AGH Space Systems</h2>

<p>Członkowie stowarzyszenia studenckiego deklarują, że wsp&oacute;łpraca ze sponsorami jest jednym z fundament&oacute;w umożliwiających funkcjonowanie AGH Space Systems. Bez wsparcia partner&oacute;w realizacja projekt&oacute;w kosmicznych nie byłaby możliwa. Wszyscy członkowie zespołu oraz przedstawiciele uczelni z dużym uznaniem odnoszą się do zaangażowania naszej firmy.</p>

<p>Bardzo cenimy sobie pozytywne opinie student&oacute;w biorących udział w warsztatach. Wierzymy, że dzięki wiedzy, kt&oacute;rą mogliśmy przekazać, będą oni w stanie wypromować swoją działalność i odnieść spektakularny sukces w dziedzinie inżynierii kosmicznej.</p>

<p>Według przedstawiciela AGH Space Systems, umożliwi on sprawniejszą wymianę informacji w zespole programistycznym Sekcji Rakietowej. Jest to niezwykle ważne dla usprawnienia pracy całego zespołu.</p>

<p>Dziękujemy zespołowi AGH Space Systems za zaufanie, jakim nas obdarzono. Nasza wsp&oacute;łpraca umożliwia rozw&oacute;j przyszłościowych projekt&oacute;w, nad kt&oacute;rymi pracują młodzi, aspirujący inżynierowie i projektanci. Mamy nadzieję, że umiejętności zdobyte przez nich podczas realizacji projektu znajdą zastosowanie w ich przyszłej karierze zawodowej.</p>

<h2>Nasze przyszłe zaangażowanie</h2>

<p>Wierzymy, że aspirujący, młodzi ludzie, tacy jak członkowie AGH Space Systems, są siłą napędową rozwoju technologicznego w każdym obszarze pracy. Jesteśmy dumni z naszego zaangażowania w projekt rakiety Skylark i uważamy to za ogromne osiągnięcie w historii wszystkich naszych relacji z klientami.</p>

<p>To jeszcze nie koniec! Jeśli chodzi o rok 2022, naszym celem jest stworzenie kolejnych, tak owocnych perspektyw wsp&oacute;łpracy. Planujemy przeprowadzenie warsztat&oacute;w informatycznych dotyczących m.in. zarządzania projektami informatycznymi oraz zarządzania pracą zespołu.</p>

<p>Mając to na uwadze, z niecierpliwością oczekujemy kolejnych owocnych przedsięwzięć tej rangi. Możliwość dostarczenia młodym, aspirującym inżynierom i marketingowcom narzędzi do szerzenia nauki i sięgania do gwiazd sprawiła nam nieopisaną radość. Czekamy na kolejne okazje do udziału w takich projektach!</p>

<p>Chcesz usprawnić sw&oacute;j biznes z wykorzystaniem najnowszych technologii? Zobacz propozycje Softnauts w zakresie:</p>

<ul>
	<li><a href="https://softnauts.com/pl/uslugi/tworzenie-aplikacji-internetowych">Tworzenie aplikacji mobilnych</a></li>
	<li><a href="https://softnauts.com/pl/uslugi/warsztaty-discovery">Warsztaty produktowe</a></li>
</ul>

<p>TDD stands for Test Driven Development. To put it simply - it is a kind of development process that focuses on testing. Someone who follows TDD principles will write or update test case scenarios for every change they make during development.</p>

<h2>TDD - writing a test to not existing code</h2>

<p>Test Driven Development is an absolute game changer in the approach to code testing. In a nutshell, this technique consists of writing tests to a not existing code. In later stages of the coding process, it requires writing code compatible with the tests and then refactoring the code.</p>

<p>TDD is based on the assumption, that the earlier is the bug discovered, the easier the code will be debugged. This model of producing software also is set up on the idea, that discovering all the possible ways of how would the code work and checking all the possible scenarios is the key. The whole process of creating a code should start only when they are both correct.</p>

<h2>Code &amp; Fix vs Test Driven Development</h2>

<p>TDD stands in the opposition to the Code &amp; Fix technique, also known as Debug Later Programming. Code &amp; Fix the most intuitive way of approaching the coding process as a whole, so as an easy and basic way, it is often taught at the initial stages of the learning to code.</p>

<p>Debug Later Programming consists of four stages:</p>

<ol>
	<li>writing a code</li>
	<li>attempting to run a code</li>
	<li>getting results: code is valid or invalid</li>
	<li>reaction: bug search and debugging</li>
</ol>

<p>As you can see, this model is not perfect. Creating a code with the principles of Code &amp; Fix technique causes the significant delay between coding a bug and debugging it. The more time passes between creating the invalid code and finding the problem, the more code can be build and base on it. In cases like this, debugging can be even more difficult and time-consuming.</p>

<p>Time is money, especially in commercial projects, when you are obliged to your client. Discovering a bug too late will result in harder debugging. Circumstances like this may also force you to ask your developers to work overtime, what will notably increase your costs of the project. However, if mobilizing your developers is not possible, or they still don&rsquo;t manage to solve the problem, due to the delay, you&rsquo;ll have to pay additional fees.<br />
The worst case scenario is that your team don&rsquo;t discover the bug until the product reaches the client. If the faulty product reach to your client, it will surely negatively affect your reputation.</p>

<h2>How does the TDD work?</h2>

<p>TDD is iterative, which means that is repeats the following sequence:</p>

<ol>
	<li>RED - writing a test to the not existing code</li>
	<li>GREEN - &nbsp;creating a simple, working code compatible with the test</li>
	<li>REFACTOR - if your code passes the test, it&#39;s the time to rebuild it</li>
</ol>

<p>These steps allow structuring the work on the project. This is how a properly conducted project based on the TDD scheme should look like:</p>

<h3>RED - writing a test to the not existing code</h3>

<p>If you want to add new functionality, first write a test for it. Then it&rsquo;s time to run your test. As there is no implementation yet, the test should fail.&nbsp;</p>

<h3>GREEN - creating a simple, working code compatible with the test</h3>

<p>Now it is time to write your functionality, just so it will pass your test. During this stage, you should focus on creating a basic and simple version of the code, as it will be used only to check if your idea is valid. Run your test, again &ndash; now the test should pass.</p>

<h3>REFACTOR - if your code passes the test, it&#39;s the time to rebuild it</h3>

<p>The fact that your code works is, of course, not enough. It also has to be scalable, follow SOLID principles and clean code guidelines. While refactoring your code you should repeat step 4 often to make sure you didn&#39;t break anything during the process.</p>

<p>Now... repeat those steps every time you want to add or change something in your application. Simple as that!</p>

<h4>But do I REALLY need it? Well... yes and no.</h4>

<p>Creating a code with use of the TDD principles may sound like a mundane, tedious task that only wastes your precious developer time. And sometimes you will be right! But other times it will serve as a powerful, time-saving technique.&nbsp;</p>

<h2>So, when to avoid it?</h2>

<p>TDD is a complex tool, which can make the process of coding easier and quicker. However, just like any other tool, it will be helpful only under certain circumstances. Programming is not a camping, where spork (spoon and fork combined into one utensil) solves all your problems.&nbsp;</p>

<h3>When will TDD not be a helpful technique?</h3>

<ul>
	<li>When your project is really small, simple and will not grow much overtime. Writing all those tests will not bring any satisfying results, as you will be able to see all those possible scenarios in your head.</li>
	<li>If you don&#39;t exactly know what is the solution to your problem. In that case, it is better to sketch out your idea and code it first. That way, we will understand our problem and make sure you know how to fix it. Only then you will be able to stress test it and check borderline cases. TDD would only slow this process. However, even without TDD, refactoring and unit tests are still covetable.</li>
</ul>

<p>TDD does not truly mean testing every single thing in your application, no matter how small. Testing trivial code consumes a lot of time and brings little to no value. It is good to be flexible while using any development process, so if you find yourself writing tests that you see no purpose in - stop testing and start coding.</p>

<h2>And what does TDD give me?</h2>

<p>Now that you understand when TDD is not an ideal solution - let us see what is so great about it!</p>

<p>TDD minimizes bugs in the app. By writing tests ahead, you will not waste time on searching for bugs later. This is a time (and sanity) saver - especially when developing more complex apps! TDD ensures a developer that every bit of the code is necessary. This means that there is no borderplate code and that two important rules, KISS (Keep It Stupid Simple ) and DRY (Don&#39;t Repeat Yourself), are obeyed.</p>

<p>Planned refactoring is cleaner, easier and faster, than making adjustments on the go. This one makes a huge impact during a long-time development. You know exactly where to start, what to do and if your newly written code worked as it should.</p>

<p>Good tests are your documentation. That means you don&#39;t have to spend your time writing dry documentation and updating it constantly. You can just show the test folder and your new team member should quickly grasp what everything does.</p>

<h2>Practice, practice, practice&hellip;</h2>

<p>Writing in TDD is an easy habit, once you know how to do it. To speed up learning process there are some important things you should take into account:</p>

<ul>
	<li>Keep it small: keeping tests small will make it more readable and easier to debug. It is a common practice to test only one feature per test.</li>
	<li>Don&#39;t be scared of the test volume: during TDD, you will find yourself writing a lot of tests. Do not get scared of it! However, try to keep them clean - maybe by separating them into different folders depending on their type?</li>
	<li>Isolate your tests: it is always good to isolate your code, and that includes tests. If your tests are interdependent, they are complex and can change behavior. unexpectedly. This means that you will find yourself spending a lot of time debugging tests, while they should prevent you from debugging your code.</li>
</ul>

<h2>Summary</h2>

<p>It is important to understand when and why you need a certain development style. TDD is one worth remembering when you are planning to develop a project, especially if they are likely to last for a long time and the process will be complexed. On the other hand, you will not utilize TDD&rsquo;s advantages during some short-time projects, which are not likely to be developed in the future - this is when you should not take the TDD into consideration.</p>

<p>Do you need the support of professional application testers? Count on Softnauts! You can find out more about our offer below:</p>

<ul>
	<li>&nbsp;<a href="https://softnauts.com/services/qa-and-testing">Application testing</a>.</li>
</ul>

<p>TDD, czyli Test Driven Development, to jeden modeli procesu rozwoju kodu i wytwarzania oprogramowania. Proces zgodny z wytycznym TDD skupia się na częstym testowaniu kodu. Kładzie nacisk na tworzenie wszystkich możliwych scenariuszy test&oacute;w jeszcze przed rozpoczęciem prac nad kodowaniem oraz aktualizowanie ich do nowych potrzeb produktu.</p>

<h2>TDD - pisanie testu do nieistniejącego kodu&nbsp;</h2>

<p>Test Driven Development zakłada zupełną zmianę podejścia do testowania kodu. W największym skr&oacute;cie technika ta polega na pisaniu test&oacute;w do nieistniejącego kodu, oraz p&oacute;źniejszym dopisywaniu kodu w zgodności z testami i jego refaktoryzajcę.</p>

<p>Spos&oacute;b działania TDD wywodzi się z założenia, że wcześniejsze wykrycie błęd&oacute;w pozwoli oszczędzić czas na ich usuwaniu. Model ten opiera się także na koncepcji, według kt&oacute;rej najpierw należy zbadać spos&oacute;b działania kodu i jego możliwe scenariusze, a dopiero p&oacute;źniej &ndash; jeżeli okażą się one poprawne &ndash; wyprodukować na ich podstawie właściwy kod.</p>

<h2>Code &amp; Fix vs Test Driven Development</h2>

<p>TDD jest zupełnym przeciwieństwem techniki Code &amp; Fix, znanej także jako Debug Later Programming. Code &amp; Fix jest bardziej naturalnym sposobem myślenia o programowaniu, a ze względu na swoją przystępność, często stanowi podstawowy schemat myślenia na początkowych etapach nauki programowania.&nbsp;</p>

<p>Debug Later Programming zawiera 4 podstawowe fazy:</p>

<ol>
	<li>pisanie kodu</li>
	<li>pr&oacute;ba uruchomienia kodu</li>
	<li>otrzymanie rezultat&oacute;w: &nbsp;kod działa, bądź nie działa</li>
	<li>reakcja: szukanie błędu i eliminowanie go</li>
</ol>

<p>Jak widać, nie jest to system pozbawiony wad. Postępowanie według wytycznych Code &amp; Fix sprawia, że pomiędzy powstanie błędu, a jego wykryciem, może minąć dużo czasu. Im więcej czasu minie od jego pojawienia się, do rozpoznania go, tym więcej kodu można nadbudować na błędzie. W takich przypadkach debugowanie kodu bywa uciążliwe i czasochłonne.</p>

<p>Czas to pieniądz, zwłaszcza w projektach komercyjnych, w kt&oacute;rych masz zobowiązania wobec klienta. Zbyt p&oacute;źne wykrycie błędu sprawi, że do jego terminowego naprawienia będziesz potrzebował więcej roboczogodzin deweloper&oacute;w, co znacznie zwiększy koszty projektu. Jeżeli jednak zmobilizowanie dodatkowych programist&oacute;w nie wchodzi w grę, bądź zesp&oacute;ł nie zdąży w porę pozbyć się problemu, będziesz musiał liczyć się z karami umownymi związanymi z op&oacute;źnieniem.</p>

<p>Najgorszym scenariuszem jest jednak niewykrycie błędu przez Tw&oacute;j zesp&oacute;ł. W takim wypadku może okazać się, że w ręce klienta zostanie oddany wadliwy produkt, co negatywnie wpłynie na Twoją reputację.</p>

<h2>Jak działa TDD:</h2>

<p>TDD jest usystematyzowaną techniką, kt&oacute;ra opiera się schemacie złożonym z trzech prostych krok&oacute;w:</p>

<ol>
	<li>RED &mdash; napisanie i sprawdzenie testu bez istniejącego kodu</li>
	<li>GREEN &mdash; napisanie prostego kodu w zgodności z danym testem i przetestowanie nowego kodu</li>
	<li>REFACTOR &ndash; refaktoryzacja istniejącego i działającego kodu po upewnieniu się, że jest on prawidłowy</li>
</ol>

<p>Pozwalają one usystematyzować pracę nad projektem. Prawidłowo przeprowadzony projekt oparty na tym schemacie powinien wyglądać następująco:</p>

<h3>RED &mdash; napisanie i sprawdzenie testu bez istniejącego kodu</h3>

<p>Jeśli chcesz dodać nową funkcjonalność, pierwszym etapem jest napisanie i przeprowadzenie testu, jeszcze zanim powstanie nowy kod. Ze względu na to, że żadna funkcjonalność nie została jeszcze zaimplementowana, test nie powinien się powieść - dlatego ten etap prac nazywa się RED.</p>

<h3>GREEN &mdash; napisanie prostego kodu w zgodności z danym testem i przetestowanie nowego kodu</h3>

<p>Po sprawdzeniu testu przyszedł czas na napisanie prostego kodu i wprowadzenie nowych funkcjonalności. Na tym etapie nie skupiaj się na rozbudowywaniu kodu &mdash; zamiast tego postaraj się stworzyć jego podstawową wersję, za pomocą kt&oacute;rej sprawdzisz, czy Tw&oacute;j kod działa.</p>

<p>Nadszedł czas na przeprowadzenie testu po raz drugi: test powinien się powieść.</p>

<h3>REFACTOR &ndash; refaktoryzacja istniejącego i działającego kodu po upewnieniu się, że jest on prawidłowy</h3>

<p>Tw&oacute;j kod działa &mdash; to świetnie, ale to dopiero pierwsza część sukcesu. Teraz skup się na jego skalowalności, kierując się założeniami SOLID i zasadami tworzenia czystego kodu. Podczas refaktoryzacji kodu często wracaj do poprzedniego etapu i regularnie przeprowadzać testy, aby upewnić się, że nie popełnisz po drodze żadnego błędu.</p>

<p>Co teraz? Zgodnie z wytycznymi TDD, powtarzaj powyższe kroki na każdym etapie tworzenia kodu, w kt&oacute;rym dodajesz, bądź modyfikujesz cokolwiek w swoim projekcie.</p>

<h4>Czy to konieczne? Tak i nie.</h4>

<p>Tworzenie kodu w oparciu o technikę TDD może brzmieć jak żmudne i pracochłonne zadanie Czy sprawi, że będziesz marnować czas, kt&oacute;ry możesz poświęcić na programowanie? Czasami rzeczywiście może okazać się to prawdą &mdash; testy nie wykażą żadnych błęd&oacute;w, a proces wytwarzania oprogramowania od początku do końca przebiegnie bez zastrzeżeń.</p>

<p>Jednak kiedy dzięki testom w porę znajdziesz błąd i oszczędzisz mn&oacute;stwo czasu na jego poprawianiu, zrozumiesz jak wartościową techniką jest TDD.</p>

<h2>TDD &mdash; kiedy unikać tej techniki?</h2>

<p>TDD jest złożonym narzędziem, kt&oacute;re &nbsp;w odpowiednich warunkach może ułatwić, uprościć i usprawnić proces rozwoju kodu. Jednak tak samo jak inne narzędzia, sprawdzi się wyłącznie w określonych warunkach. Programowanie to nie biwak, podczas kt&oacute;rego &ldquo;nożołyżkowidelec&rdquo; rozwiąże wszystkie Twoje problemy.&nbsp;</p>

<h3>W jakich sytuacjach nie sprawdzi się model TDD?</h3>

<ul>
	<li>Kiedy Tw&oacute;j projekt nie jest złożony i nie widać przesłanek ku temu, że w najbliższym czasie pojawi się konieczność jego skalowania. W takim wypadku pisanie licznych scenariuszy test&oacute;w nie przyniesie oczekiwanych rezultat&oacute;w, ponieważ bez problemu będzie można&nbsp;je zwizualizować bez pomocy test&oacute;w.</li>
	<li>Jeżeli nie masz pewności, jak rozwiązać&nbsp;dany problem. W takim wypadku lepiej najpierw naszkicować i zakodować sw&oacute;j pomysł. Takie rozwiązanie sprawi, że lepiej zrozumiesz sw&oacute;j problem i zrozumiesz, jak go naprawić. Dopiero wtedy przyjdzie czas, aby przeprowadzić testy wydajnościowe. W tym wypadku technika TDD mogłaby tylko spowolnić proces, jednak nawet bez niej, refaktoryzacja i testy jednostkowe są konieczne</li>
</ul>

<p>TDD nie oznacza sprawdzania każdej pojedynczej rzeczy w twoim kodzie. Testowanie każdej trywialnej zmiany pochłania dużo czasu i przynosi niewiele wartości. Dlatego też, w procesie programowania dobrze kierować się elastycznością tak, aby dostosować technikę pracy do swoich potrzeb. Jeżeli nie widzisz potrzeby testowania, po prostu zacznij kodować.</p>

<h2>TDD &ndash; jakie są zalety tej techniki?</h2>

<p>Teraz kiedy rozumiesz, w jakich sytuacjach warto zrezygnować z TDD, nadszedł czas, aby przyjrzeć się najważniejszym zaletom tej techniki.</p>

<p>TDD minimalizuje ryzyko wystąpienia błęd&oacute;w w aplikacji. Poprzez pisanie test&oacute;w wybiegających w przyszłość, unikniesz zakodowania wielu błęd&oacute;w i nie będziesz musiał zajmować się ich usuwaniem na p&oacute;źniejszych etapach.&nbsp;</p>

<p>Taki zabieg oszczędzi nie tylko tw&oacute;j czas, ale także nerwy &ndash; w szczeg&oacute;lności podczas pracy nad bardziej złożonymi projektami. Dzięki TDD upewnisz się, że każda pojedyncza linijka kodu jest potrzeba w projekcie. To sprawia, że programiści nie piszą niepotrzebnych, nadmiarowych linijek kodu, a dwie najważniejsze zasady, &ldquo;KISS&rdquo; (Keep It Stupid Simple ) i &ldquo;DRY&rdquo; (Don&#39;t Repeat Yourself), są zachowane</p>

<p>Przemyślana refraktoryzacja kody jest łatwiejsza i szybsza niż jego p&oacute;źniejsze naprawianie i upraszczanie w biegu, co ma znaczenie zwłaszcza w przypadku długoterminowych projekt&oacute;w. Dzięki temu już na wcześniejszym etapie prac dowiesz się, czy tw&oacute;j kod zadziałał tak, jak powinien,</p>

<p>Dobrze przeprowadzone testy są także dokumentacją twojej pracy. To oszczędza konieczność poświęcania czasu na pisanie i aktualizowanie dokumentacji i raport&oacute;w. Zamiast tego, możesz po prostu udostępnić folder ze swoimi testami, a inni członkowie zespołu szybko zorientują się w postępie prac nad projektem.</p>

<h2>TDD &ndash; praktyka, praktyka i jeszcze raz praktyka</h2>

<p>Programowanie z wykorzystaniem techniki TDD może być proste &ndash; wystarczy wyrobić sobie odpowiednie nawyki. Jeżeli raz nauczysz się korzystać z tego modelu, zawsze będziesz m&oacute;gł do niego wr&oacute;cić. Aby przyspieszyć naukę, powinieneś wziąć pod uwagę kilka rzeczy:&nbsp;</p>

<ul>
	<li>Unikaj niepotrzebnego zwiększania zakresu test&oacute;w: częste testowanie i niewielkie zakresy test&oacute;w sprawią, że ich wyniki będą bardziej czytelne, a debugowanie kodu łatwiejsze.</li>
	<li>Nie b&oacute;j się dużej liczby test&oacute;w: podczas pracy z techniką TDD przeprowadzisz naprawdę dużą ilość test&oacute;w. Nie przeraź się ich objętością i pamiętaj o tym, aby dbać o ich jakość i czytelność. Możesz podzielić je na poszczeg&oacute;lne foldery w zależności od typu testu.</li>
	<li>Rozdzielaj testy: dobrą praktyką jest rozdzielanie poszczeg&oacute;lnych sekcji kodu. Dlaczego nie zastosować tego samego zabiegu przy testach? Jeżeli twoje testy powstają niezależnie od kodu, to są bardzo złożone i mogą nieoczekiwanie zmienić swoje zachowanie. Być może spędzisz więcej czasu na ich debugowaniu. Tw&oacute;j wysiłek z pewnością przełoży się na łatwiejsze i mniej czasochłonne debugowanie właściwego kodu.</li>
</ul>

<h2>Podsumowanie</h2>

<p>Ważne, aby zawczasu zrozumieć i zadecydować o tym, &nbsp;jaki model wytwarzania oprogramowania będzie odpowiadał danemu projektowi. Warto pamiętać o TDD zwłaszcza wtedy, kiedy planujesz długoterminowe projekty, a kodowanie będzie bardziej złożone, a także zajmie dużo czasu i poszczeg&oacute;lnych etap&oacute;w pracy. Można zrezygnować z modelu TDD, kiedy nie ma plan&oacute;w na to, aby aplikacja, bądź projekt, rozrosły się w przyszłości.</p>

<p>Potrzebujesz wsparcia profesjonalnych tester&oacute;w aplikacji? Postaw na Softnauts! Z naszą ofertą zapoznasz się poniżej:</p>

<ul>
	<li><a href="https://softnauts.com/pl/uslugi/qa-i-testowanie-aplikacji">&nbsp;Testowanie aplikacji</a></li>
</ul>

<p>We&rsquo;ve previously covered UI and functional plugins. In this post, we will present Firebase features and packages that we use daily. Firebase is a powerful platform with many useful tools that support creating mobile and web apps.&nbsp;</p>

<p><em>This article is part of a series on Flutter technology. To learn more about this platform, see the following articles:</em></p>

<ul>
	<li><a href="https://softnauts.com/blog/flutter-design-libraries-that-take-projects-to-another-level-vol-1">Flutter Design,</a></li>
	<li><a href="https://softnauts.com/blog/flutter-libraries-design-a-new-dimension-of-design-vol-2">Flutter Programming.</a></li>
</ul>

<h2>Access any location in the app</h2>

<p><a href="https://pub.dev/packages/firebase_dynamic_links">Dynamic Links </a>are a smart way of providing users links that navigate them to different parts of your application. It is a great way of engaging new customers because links survive the installation process.</p>

<p>Dynamic Links are improved deep links and are capable of many things. You can use them in various ways because they can carry data. From social media advertising campaigns to email validation - dynamic links are a great way to involve users in your application.</p>

<h2>Send notifications to users</h2>

<p><a href="https://pub.dev/packages/firebase_messaging">Firebase Cloud Messaging </a>allows you to send notifications to all application users. You can customize notification titles, messages, sounds, and many other aspects.</p>

<p>This tool enables you to target specific users and send custom notifications that will engage them in your application. It is also fast and easy to implement as little code is required.</p>

<h2>Configure the app remotely</h2>

<p>Sometimes there are things you would want to configure remotely without uploading a new version of the application, or you might want to test features on a percentage of users. There is a plugin that gives you control over the app&rsquo;s behavior and appearance by simply changing the configuration.</p>

<p><a href="https://pub.dev/packages/firebase_remote_config">Firebase Remote Configuration </a>lets you create key-value pairs that allow you to adapt the application based on the currently selected values.</p>

<h2>Analyze your application</h2>

<p>A great part of releasing and maintaining applications is analyzing how users interact with them. <a href="https://pub.dev/packages/firebase_analytics">Firebase Analytics </a>helps you understand how customers use your app so you can make informed decisions about the marketing of your application.&nbsp;</p>

<p>Data gathered from Analytics is available for you in an accessible and easy-to-read dashboard. You will have access to active user count, revenue your app is generating, user retention, and many others.</p>

<h2>Identify and manage application problems</h2>

<p>To keep track of problems that are affecting your application you should consider using <a href="https://pub.dev/packages/firebase_crashlytics">Firebase Crashlytics</a>. It is a handy tool for real-live crash reporting that helps identify sources of bugs and crashes.&nbsp;</p>

<p>It is very important to deliver a platform with the least amount of bugs, but there will always be some. With Crashlytics, without much work, you can create a better-performing application. It is essential to make sure that priority problems will be handled by developers.</p>

<p>Firebase offers many useful tools that are always used in our applications. With little work, you can make your product more polished and responsive. You can also interact with users and test new features on smaller groups before releasing them. Make sure to check out more information about Firebase.</p>

<p>If you are curious about technical matters, check out the detailed information in this article:<a href="https://softnauts.com/blog/behind-flutter-dart"> Behind the Flutter - Dart</a></p>

<hr />

<p>Poprzednio om&oacute;wiliśmy UI i wtyczki funkcjonalne. W tym poście przedstawimy funkcje i pakiety Firebase, z kt&oacute;rych korzystamy na co dzień. Firebase to potężna platforma z wieloma przydatnymi narzędziami, kt&oacute;re wspierają proces tworzenia aplikacji mobilnych i webowych.&nbsp;</p>

<p><em>Ten artykuł jest częścią serii dotyczącej technologii Flutter. Aby dowiedzieć się więcej o tej platformie, zobacz poniższe artykuły:</em></p>

<ul>
	<li><em><a href="https://softnauts.com/pl/blog/biblioteki-flutter-design-vol-1">Flutter Design</a></em></li>
	<li><a href="https://softnauts.com/pl/blog/biblioteka-flutter-programowanie-vol-2"><em>Programowanie Flutter</em></a></li>
</ul>

<h2>Dostęp do dowolnego miejsca w aplikacji</h2>

<p>Dynamiczne linki to sprytny spos&oacute;b na zapewnienie odnośnik&oacute;w, dzięki kt&oacute;rym użytkownicy są kierowani do r&oacute;żnych obszar&oacute;w Twojej aplikacji. Jest to świetny spos&oacute;b na zaangażowanie nowych klient&oacute;w, ponieważ linki przetrwają proces instalacji.</p>

<p>Dynamiczne linki stanowią ulepszenie w stosunku do link&oacute;w głębokich (ang. deep links). W związku z tym, pozwalają one na wiele rzeczy. Sekret tkwi w ich zdolności do przenoszenia danych. Od kampanii reklamowych w mediach społecznościowych po walidację wiadomości e-mail - dynamiczne linki to świetny spos&oacute;b na zaangażowanie użytkownik&oacute;w w Twoją aplikację.</p>

<h2>Wysyłanie powiadomień do użytkownik&oacute;w</h2>

<p>Firebase Cloud Messaging pozwala na wysyłanie powiadomień do wszystkich użytkownik&oacute;w aplikacji. Możesz dostosować tytuły powiadomień, wiadomości, dźwięki i wiele innych aspekt&oacute;w.</p>

<p>To narzędzie umożliwia kierowanie do konkretnych użytkownik&oacute;w i wysyłanie niestandardowych powiadomień, kt&oacute;re zaangażują ich w twoją aplikację. Jest to r&oacute;wnież szybkie i łatwe do wdrożenia, ponieważ wymagana jest niewielka ilość kodu.</p>

<h2>Skonfiguruj aplikację zdalnie</h2>

<p>Zdarza się, że chciałbyś coś skonfigurować zdalnie bez wgrywania nowej wersji aplikacji. Możesz r&oacute;wnież chcieć przetestować funkcje na określonym procencie użytkownik&oacute;w. Istnieje wtyczka, kt&oacute;ra daje Ci kontrolę nad zachowaniem i wyglądem aplikacji poprzez prostą zmianę konfiguracji.</p>

<p>Firebase Remote Configuration pozwala tworzyć pary klucz-wartość, kt&oacute;re pozwalają dostosować aplikację w oparciu o aktualnie wybrane wartości.&nbsp;</p>

<h2>Analizuj swoją aplikację</h2>

<p>Istotną częścią wydawania i utrzymywania aplikacji jest analizowanie, jak użytkownicy wchodzą z nimi w interakcje. Firebase Analytics pomaga zrozumieć, jak klienci korzystają z Twojej aplikacji, dzięki czemu możesz podejmować świadome decyzje dotyczące marketingu aplikacji.</p>

<p>Dane zebrane z Analytics są dostępne w przystępnym i czytelnym dashboardzie. Otrzymasz dostęp do liczby aktywnych użytkownik&oacute;w, przychod&oacute;w, kt&oacute;re generuje Twoja aplikacja, retencji użytkownik&oacute;w i wielu innych przydatnych danych.</p>

<h2>Identyfikacja i zarządzanie problemami z aplikacją</h2>

<p>Aby śledzić problemy, kt&oacute;re wpływają na Twoją aplikację, powinieneś rozważyć użycie Firebase Crashlytics. Jest to poręczne narzędzie do raportowania awarii na żywo, kt&oacute;re pomaga zidentyfikować źr&oacute;dła błęd&oacute;w i awarii.</p>

<p>Konieczne jest dostarczenie platformy z jak najmniejszą ilością błęd&oacute;w, ale zawsze jakieś się znajdą. Dzięki Crashlytics, bez większego nakładu pracy, można stworzyć lepiej działającą aplikację. Jednak warto upewnić się, że priorytetowe problemy będą obsługiwane przez deweloper&oacute;w.</p>

<p>Firebase oferuje wiele przydatnych narzędzi, kt&oacute;re zawsze są wykorzystywane w naszych aplikacjach. Przy niewielkim nakładzie pracy możesz sprawić, że Tw&oacute;j produkt będzie bardziej dopracowany i responsywny. Możesz r&oacute;wnież wejść w interakcję z użytkownikami i przetestować nowe funkcje w mniejszych grupach przed ich wypuszczeniem. Zachęcamy do sprawdzenia dodatkowych informacji o Firebase.&nbsp;</p>

<p>Jeżeli interesują Cię kwestie techniczne, sprawdź szczeg&oacute;łowe informacje w artykule: <a href="https://softnauts.com/pl/blog/za-flutterem-stoi-dart">Za Flutterem stoi Dart</a></p>

On IT for business - or, how to bring software ideas to life successfully. Learn about Flutter, Figma, UX design, business growth with IT agencies, and more!

How to Launch an App: a Guide Through the Process of a Successful Mobile App Launch

Flutter - constant improvements

Responsive Flutter application - how to implement?

What do Softnauts and AGH Space Systems have in common? Space collaboration

TDD (Test-Driven Development) - what is it and why should you use it?

TDD - writing a test to not existing …

Flutter Libraries that take projects to another level - Vol. 3