Flutter Fest @GeekyAnts, October 2022

In this article, we have put together the key talking points from each speaker and their presentations. 

Hacktoberfest will take place shortly, allowing flutter developers to address bugs with the flutter community plugins, which are the plus plugins, as well as possibilities to acquire goodies and valuable insights.

• TickerProviderStateMixin — this gives you a clock with 16 milliseconds, you can increase this time if required. It gives you a timer and asks when you want to update your screen.

• AnimationController — this helps you to control your animation- you can go forwards and backward, start and stop.

• Animation — this tells you what your animation will look like.
  

We just need to initialize these variables and then use them.

• Creation: Firstly, create a module style Flutter project. You can create a Flutter module project using flutter create command- just select the type module.
• Integration:
• For Android: Now that you have your module with some code written inside it, you need to integrate it. For this, there are two options in android. The first option is building an AAR or android archive out of your Flutter module.To build an AAR, a command in Flutter called flutter build aar can be used, which will build the required files. The second option is source integration. This is a one-step process. You have to change two files, settings.gradle and build.gradle. 
• For iOS: For iOS as well, there are two options. The first method is the more popular one, Cocoapods. For Cocoapods, you have to modify Podfile- which means that there are four lines to modify. Then run pod install which will integrate the module to your project.The second method is to build frameworks. To build a framework out of your Flutter module, you have the command flutter build ios-framework which will output the required files.
• Invocation: On android, you can create a Flutter activity using .withNewEngine then .build it and perform .startActivity. On iOS, you can use FlutterViewController that is provided, which can host a Flutter engine thus enabling presenting the ViewController. 

• Integrating multiple modules: Flutter Add to app does not support multiple modules. There is a simple workaround for this. You need to build one module and then integrate other Flutter modules inside your Pubsec.yaml, so that you can build only one common module and integrate it. 
• Flutter view takes some time to start: This issue is faced because Flutter engine needs some time to warm up (1-2 seconds). This is an issue users may not like. The solution is to use something called Flutter Engine Cache. You can use it whenever necessary- pull it form the cache and then run it. The result is a super fast launch.
• Reusing existing code: You may have written a lot of code, like getting RefreshToken, sendAnalytics, or getRemoteConfig. While building a feature in Flutter, you would want these codes in Flutter as well. Instead of writing it all down again, you could invoke Method Channels from Flutter and then you can handle them inside your Native apps.

Flutter rendering pipeline helps us visualize how Flutter renders the screens, eventually producing the application we see on screen.

• Layout phase

• Painting phase

• Composition phase

• Rasterizing phase

• Widget tree (describes the configuration for an element.)
• Element tree (manages the life cycle of the widget)
• RenderObject tree (handles size, painting, and layout)

When Flutter needs to render an object on the screen, it consults the renderObject tree. It is in charge of size, layout, and painting, resulting in a dynamic UI.

In principle, assessing the global state is believed to be difficult since it may necessitate a lengthy setUp/tearDown process. However, this is not the case with Riverpod. Although the Providers are stated to be global, their state is not global. Riverpod provides you with testability right out of the box. There is no need to rely on other components to allow application testability.

• HTML rendering is quick, but it cannot render many things at once, whereas Canvas kit rendering can render many things at once, making it an excellent lottie exponent.
• Flutter web has come a long way, but it still falls behind in terms of SEO and rendering when compared to native web.
• Flutter's support for smart watches is still in the works, and efficiency has to be improved for seamless operation and notification services.
• Wait a few days before upgrading to a newer version of any technology, including Flutter.
• The rendering performance of Flutter web is always sluggish. Still, as broadband networks evolve, there is potential for improved rendering speed in flutter; however, native would remain the go-to technology in terms of render speed.
• Flutter core contributions can be produced through collaborative retrospection and analysis of issues in the flutter community.
• Too many animation components might cause performance concerns if not implemented correctly.
• When compared to block, Riverpod provides more flexibility and speeds up operations to create a cleaner design.
• When you run your app on a platform like AndroidStudio, whenever you reach the flutter view, flutter's debugger instantly connects and allows you to use all of the available functions.

To know more about what we do, check out our website and follow us on our social channels: LinkedIn, Twitter, and Discord.

Check-out the entire Flutter fest event here.