Posts

[Flutter Tips] Remove the "DEBUG" banner of your Flutter app

Image
  [Flutter Tips] Remove the "DEBUG" banner of your Flutter app When you start coding a new application with Flutter, you  will surely see a banner with "Debug" text displayed on the top right corner of your app. To remove it, you will need to set the debugShowCheckedModeBanner property of the MaterialApp (or CupertinoApp ) widget to false . 🟢Here’s an example on how to do it: import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', debugShowCheckedModeBanner : false, // This removes the debug banner home: Scaffold( appBar: AppBar( title: Text('No Debug Banner'), ), body: Center( child: Text('Hello, World!'), ), ), ); } } > debugShowCheckedModeBanner: false : This line ensures that the debug ban

[Xamarin Forms]Page navigation summary

Image
[Xamarin Forms] Page navigation summary 1- The different navigation possibilities In this article will we list and sum up how we can navigate inside a Xamarin Forms application.  In Xamarin.Forms, you can navigate between pages using several methods, we will enumerate it and give a brief description / use case for each : Push/Pop Navigation : Using Navigation.PushAsync() and Navigation.PopAsync() for stack-based navigation. Modal Navigation : Using Navigation.PushModalAsync() and Navigation.PopModalAsync() for displaying pages modally. Master-Detail Navigation : Using MasterDetailPage to manage a master menu and a detail page. Tabbed Navigation : Using TabbedPage for navigation between different tabs. Carousel Navigation : Using CarouselPage to swipe through pages in a carousel-style interface. Shell Navigation : Using Xamarin.Forms Shell for a unified navigation paradigm with URL-based routing and flyout menus. Custom Navigation : Or if you want to customize and design a good

[Xamarin Forms] Complete guide to design a TOAST component

Image
  [Xamarin Forms] Complete guide to design a TOAST component In this guide, we will first show you how to design a toast component in Xamarin Forms (adding transition animations to the component), then in a second part, we list some existing controls that you can use directly... Custom Toast design in Xamarin Forms  Designing a "toast" component in Xamarin Forms involves creating a custom control to display brief messages to the user.  I will show you bellow a simple example on how to create a Toast component, and we will also how to add transition animation. Here are the steps to design and implement a toast component: Step 1: Create the Toast View First, you need to create a custom view that represents the toast message. You can add all the UI controls that you need to fit your needs (like an icon image...) 1.1 Create a ToastView class Create a new class ToastView that inherits from ContentView . public class ToastView : ContentView { public ToastView ( string m

[FlutterFlow] new AI capabilities summary

Image
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

GraphQL vs REST: A Comparative Analysis

Image
  GraphQL vs REST: A Comparative Analysis Introduction In the world of web development, APIs (Application Programming Interfaces) are essential for enabling communication between different software systems. The two dominant paradigms for building APIs are REST (Representational State Transfer) and GraphQL. While REST has been the industry standard for many years, GraphQL is rapidly gaining traction as a more flexible and efficient alternative. This article will compare the two technologies, highlighting their advantages and disadvantages. REST: Overview and Characteristics REST is an architectural style for designing networked applications. It relies on stateless, client-server communication, typically over HTTP, and uses standard HTTP methods (GET, POST, PUT, DELETE) to perform CRUD (Create, Read, Update, Delete) operations. RESTful APIs expose resources (e.g., users, posts, comments) as URIs (Uniform Resource Identifiers) and use HTTP status codes to indicate the result of operations

[GraphQL] Quick Presentation for beginners + example

Image
  What is GraphQL? GraphQL is a query language for APIs and a runtime for executing those queries. It is designed to give clients exactly the data they need and nothing more. Unlike traditional REST APIs, which often require multiple requests to fetch data from different endpoints, GraphQL allows you to retrieve all necessary data in a single, structured query. (See an example of using GraphQL below) Origin of GraphQL GraphQL was developed by Facebook in 2012 to meet the needs of its mobile applications, which required a more efficient way to fetch and manipulate data. In 2015, Facebook open-sourced GraphQL, allowing the developer community to benefit from this revolutionary technology. Since then, GraphQL has grown in popularity and is now used by many large companies, including GitHub, Shopify, and Twitter. Tools to Use with GraphQL To get started with GraphQL, here are some popular tools and libraries that can help: GraphQL.js : The reference implementation for building GraphQL serv

Wallpapers for your mobile

Image
Mobile applications need wallpapers My mobile applications Actually, I'm developing some Flutter mobile applications. If you have already designed mobile apps, you must know that at some point, you will need picture assets and more specifically, background images. All that in order to give your application a specific feeling... Original wallpapers In my daily mission of creating applications, I take regularly some time to design wallpapers. Now, with AI tools (and a lot of imagination), you can design original content. So I propose to you to discover some of my creations. For instance I tried to design specific atmosphere inspired by Rick & Morty universe. I give you access to a pack of wallpapers, that you can download for free if you have subscribed to my "buymeACoffee.com" account. ✅Download: Original Wallpaper pack (on BuyMeACoffee.com) 👀You can have a preview of all wallpapers on Youtube: Wallpapers pack presentation (Youtube) Tell me what you think, and if you