A simple developer's journey

FlutterFlow, new AI capabilities summary Hello guys, if you are developing mobile apps, you may already know about FlutterFlow framework. FlutterFlow is a user-friendly, no-code platform that allows you to build beautiful, fully-functional mobile applications without needing to write a single line of code. It's like a visual app builder where you can drag and drop various components, design your app's interface, and connect it to a backend, all within an intuitive graphical interface. 🤓New AI capabilities Since recently, AI capabilities have been added to the framework in order to simplify the design process and to gain more time. Here are some key features: AI Page Generation: FlutterFlow can generate entire app pages from simple prompts, significantly reducing development time AI Component Generation: This feature creates detailed UI components based on user descriptions, which can be customized to fit the app’s design requirements. AI Schema Generation : Automatically g...

If you like me, are coding generally in C# or other Camel case based programming language and start to  code in Flutter / Dart, you will always see a warning like this:   The variable name 'xxxx' isn't a lowerCamelCase identifier. Try changing the name to follow the lowerCamelCase style. To solve that, you can add a specific comment at the begining of each file where you have this issue. But maybe the most interesting thing for you is to do it only once in your whole project. For that, you have to edit the following file: analysis_options.yaml Add the following statements:  non_constant_identifier_names: ignore # This file configures the analyzer, which statically analyzes Dart code to # check for errors, warnings, and lints. include: package:flutter_lints/flutter.yaml linter: rules: # avoid_print: false # Uncomment to disable the `avoid_print` rule # prefer_single_quotes: true # Uncomment to enable the `prefer_single_quotes` rule # Disable the non_con...

As applications are actually spread around the world, a common task to implement when developing your app (mobile, web or desktop), is to setup a multi-language option .  In Flutter, it can be done easily with the GetX Package (a useful package that provides a lot more services ! You should take a look if you don't know this package:  GetX package on pub.dev . The implementation steps are the following: 1-Add GetX package to your solution You can do it the traditional way you like. For instance with "Pub Assist" extension: Shift+CMD+P > Pub asssist: add/upgrade > get 2-Use a GetMaterialApp Important step, do not forget to use the GetMaterialApp classe instead of Flutter's MaterialApp: @ override Widget build ( BuildContext context ) { return GetMaterialApp ( 3-Add a translation file Next you have to add a class that will embed all your strings declaration / translations. This class must extends the GetX's Translation class. Here is an example: ...

The splash screen is the first screen you see when you start your app. - you can display your logo for instance - and while the splash screen is shown,  your application is loaded (like user data, business data...) In this example we will use flutter_native_splash package. I- Package: flutter_native_splash (for native splash screen) In your " pubspec.yaml " file you have to add the correct dependency, here at less version 2.0.5 # Dependencies specify other packages that your package needs in order to work. # To automatically upgrade your package dependencies to the latest versions # consider running `flutter pub upgrade --major-versions`. Alternatively, # dependencies can be manually updated by changing the version numbers below to # the latest version available on pub.dev. To see which dependencies have newer # versions available, run `flutter pub outdated`. dependencies : flutter : sdk : flutter flutter_native_splash : ^2.0.5 hint : Pubspec Assist extension To auto...