#buildcontext
LightNews LightNews
codeontherocks.bsky.social
Reminders for all #FlutterDev folks 🌥️

1️⃣ didChangeDependencies is called immediately after initState

2️⃣ BuildContext is not available in initState

October 24, 2024 at 1:49 PM
alaxhenry0121.bsky.social
I just published BuildContext Is Not Magic — Here’s Exactly What It Does in Flutter medium.com/p/buildconte...
#flutter #dart #buildcontext #mobiledev #flutterdeveloper #beginners #fluttertutorial #widgettree #statefulwidget #androiddevelopment
BuildContext Is Not Magic — Here’s Exactly What It Does in Flutter
Every Flutter widget has a BuildContext. Most beginners ignore it. Here’s why that’s costing you hours of debugging.
medium.com
May 29, 2026 at 12:56 AM
alaxhenry0121.bsky.social
I just published Why Does Scaffold.of(context) Crash Your App? — The BuildContext Truth Nobody Explains medium.com/p/why-does-s...
#flutter #dart #mobileDeveloper #buildContext #flutterDeveloper #scaffold #flutterBeginners #learnFlutter #flutterTips #mobiledev
Why Does Scaffold.of(context) Crash Your App? — The BuildContext Truth Nobody Explains
You’ve copy-pasted Scaffold.of(context) and watched it throw an error you couldn’t understand. Here’s exactly why it happens — and how…
medium.com
June 4, 2026 at 12:38 AM
codewithandrea.com
Did you know?

When you call MediaQuery.of(context) inside a build method, the widget will rebuild when any of the MediaQuery properties change.

But there's a better way that lets you depend only on the properties you care about (and minimize unnecessary rebuilds). 👇
class MainApp extends StatelessWidget { const MainApp({super.key}); @override Widget build(BuildContext context) { // old way ❌ MediaQuery.of(context).size; MediaQuery.of(context).padding; MediaQuery.of(context).orientation; // new way ✅ MediaQuery.sizeOf(context); MediaQuery.paddingOf(context); MediaQuery.orientationOf(context); } }
November 8, 2024 at 2:29 PM
codewithandrea.com
Did you know?

If you add a debugFillProperties() method to your widget classes, all your custom properties will show in the DevTools.

This information is useful for debugging purposes and has no performance impact on release builds (where it is stripped).
class AppListTile extends ConsumerWidget { const AppListTile( {super.key, required this.totalTasksCount, required this.app}); final int? totalTasksCount; final App app; @override void debugFillProperties(DiagnosticPropertiesBuilder properties) { super.debugFillProperties(properties); properties.add(DiagnosticsProperty<App>('app', app)); properties.add(IntProperty('totalTasksCount', totalTasksCount)); } @override Widget build(BuildContext context, WidgetRef ref) { ... } }
January 23, 2025 at 5:52 PM
pub.dev.web.brid.gy
v0.2.0 of karam_messenger
Karam messenger for Flutter: presents Karam's hosted customer-support messenger in a secured WebView, with identity, deep links and unread counts. Changelog excerpt: - AppsBunches integration for Zid merchant apps: `package:karam_messenger/appsbunches.dart`with `KaramAppsBunches.init`, `trackPageRoute`, `showFloatingActionButton`, `setCustomer`and `clearCustomer`. It needs no `KaramMessengerHost`. - `present(context: …)`opens the messenger from a `BuildContext`when no `KaramMessengerHost`is mounted.
pub.dev
September 25, 2026 at 3:33 AM
mereng.bsky.social
@override
Widget build(BuildContext context) {
return const Material(
child: Center(
child: Text('hello world'),
),
);
}
September 7, 2024 at 5:54 PM
alaxhenry0121.bsky.social
I just published That Mysterious context Parameter Is Everywhere — Here’s What It Actually Does medium.com/p/that-myste...
#Flutter #Dart #MobileDevelopment #MobileApp #FlutterApp #Programming
That Mysterious context Parameter Is Everywhere — Here's What It Actually Does
Every Flutter developer uses BuildContext daily and almost no beginner understands it. After this article, you will.
medium.com
May 22, 2026 at 1:17 AM
codewithandrea.com
Did you know?

In Flutter, you can easily create a responsive split-view widget that works on mobile, desktop and web.

You can do this in 30 lines of code, without any 3rd party packages: 👇
class SplitView extends StatelessWidget { const SplitView({super.key, required this.navigationBuilder, required this.contentBuilder, this.breakpoint = 600, this.navigationWidth = 300}); final WidgetBuilder navigationBuilder; final WidgetBuilder contentBuilder; final double breakpoint; final double navigationWidth; @override Widget build(BuildContext context) { final screenWidth = MediaQuery.sizeOf(context).width; if (screenWidth >= breakpoint) { // * wide screen: navigation on the left, content on the right return Row( children: [ SizedBox( width: navigationWidth, child: navigationBuilder(context), ), // if you want, add a divider here Expanded(child: contentBuilder(context)), ], ); } else { // * show content only (handle navigation with a drawer or similar) return contentBuilder(context); } } }
February 10, 2025 at 4:18 PM
tech-trending.bsky.social
BuildContext について書けるだけ書く
https://zenn.dev/chooyan/articles/9e3caa641e12f5
BuildContext について書けるだけ書く
zenn.dev
September 20, 2024 at 11:02 PM
codewithandrea.com
Thanks to @kaboc.bsky.social for suggesting a better alternative that uses the Link widget from the url_launcher package.
import 'package:url_launcher/link.dart'; Link( uri: uri, builder: (BuildContext context, FollowLink? followLink) => Text.rich( TextSpan( text: uri.toString(), // Follow the URL link on tap recognizer: TapGestureRecognizer()..onTap = followLink, // Customize the cursor style mouseCursor: SystemMouseCursors.click, // Make it look like a web link style: TextStyle( color: Theme.of(context).colorScheme.primary, decoration: TextDecoration.underline, decorationColor: Theme.of(context).colorScheme.primary, ), ), overflow: overflow, maxLines: maxLines, ), )
April 11, 2025 at 7:35 AM
hareshgediya.bsky.social
Migrated from flutter_localizations to slang for localization — and wow 😍
Type safe, independent from #Flutter & BuildContext.
October 11, 2025 at 9:25 AM
chooyan.bsky.social
During the New Year holidays, I've published multiple articles to my "All I Know about Something" series on @hashnode.bsky.social. The knowledge about BuildContext, GlobalKey, and Layout calculation will make your #FlutterDev more enjoyable in 2025! chooyan.hashnode.dev/series/all-i...
All I Know about Something - Chooyan's Flutter
This series shows my understanding of a certain topic. The articles describe the topic as much as topics in a random order.
chooyan.hashnode.dev
January 5, 2025 at 9:46 AM
codewithandrea.com
Did you know?

Static release toggles let you release unfinished code without activating it in production.

This is common with large projects that practice trunk-based deployment and continuous delivery.

For more flexibility, you can implement this with --dart-defines. 👇
Goal: Deploy unfinished code without activating it in production (useful for trunk-based deployment) How to Use 1. Define the toggles class Toggles { static bool get showProductsAsGrid => const bool.fromEnvironment( 'TOGGLE_PRODUCTS_AS_GRID', defaultValue: false, ); // TODO: Add more toggles here } 2. Use them as needed Widget build(BuildContext context) { if (Toggles.showProductsAsGrid) { return GridView.builder(...); } else { return ListView.builder(...); } } Benefits - ✅ Centralize all toggles in a single file for easier maintenance - ✅ Provide default values, easily override them with --dart-define - ✅ Tree-shaking of unused code (toggles are const values) - ✅ Flavor-friendly: can enable the toggle for dev & staging builds, and disable it for production
April 2, 2025 at 1:53 PM
dcm.dev
Using `_` instead of `context`? You might be referencing the wrong `BuildContext`. That can lead to subtle bugs.

🔗 Here is a rule to help you quickly find such issues: dcm.dev/docs/rules/f...

#Flutter #Dart
August 12, 2025 at 10:15 AM
abysscreature.bsky.social
Fun fuckt: this is the boilerplate to instantiate an empty component that does not return any state yet in Flutter. If you change something in this, the framework will implode of cringe
Empty Flutter component. The code goes as follows: class MyWidget extends StatelessWidget { const MyWidget({super.key}); @override Widget build(BuildContext context) { return const Placeholder(); } }
February 7, 2024 at 3:49 PM
tech-trending.bsky.social
FlutterLifeCycle
https://zenn.dev/joo_hashi/books/197286c99fe1a1
FlutterLifeCycle
Flutterのライフサイクルについて解説している本です。よく見る技術書やドキュメントの内容に記載されていたことを過去に記事にした内容をもとに書籍にしました。 Flutterで開発をしていると普段見かけるkeyやBuildContextなどなんとなく見ることがあるコードがあると
zenn.dev
June 7, 2025 at 1:38 PM
codewithandrea.com
In many of my projects, I use a simple alert dialog that supports:

✅ Adaptive mode (Material / Cupertino)
✅ Default and cancel actions
✅ Destructive UI style
✅ Dismissible mode

Super useful for Yes/No, Cancel/Delete scenarios. 👍

See below for the source code.
/// Helper function for showing an adaptive alert dialog /// Returns: /// - true if the default action was selected /// - false if the cancel action was selected /// - null if the dialog was dismissed Future<bool?> showAlertDialog({ required BuildContext context, required String title, required String content, String? cancelActionText, required String defaultActionText, bool isDestructive = false, bool barrierDismissible = true, }) { ... } // Example usage final success = await showAlertDialog( context: context, title: "Are you sure?", content: "This action cannot be undone.", defaultActionText: "Yes", cancelActionText: "No", ); if (success == true) { ... }
May 1, 2025 at 8:50 AM
jsimon.dev
🤯 Just had a massive Eureka moment revisiting Design Patterns.

We often treat #Flutter’s BuildContext as some sort of "magic" variable, but while reading about the Strategy Pattern on refactoring.guru today, everything just clicked.

Flutter applies this pattern beautifully. 🧵👇
December 31, 2025 at 2:57 PM
freecodecamp.bsky.social
Flutter rebuilds widgets all the time, but that doesn't mean it throws everything away. Here, Nicholas explains how Flutter renders under the hood. You'll learn how Widget, Element, and RenderObject trees work, what BuildContext really is, and more.
www.freecodecamp.org/news/how-flu...
June 26, 2026 at 4:01 AM
iamfluttered.bsky.social
Day 25:
Today I discovered the power of having a single public “GlobalKey” and setting it as navigatorKey in my root GoRouter. With it, I can get a global context from anywhere in the app, which allows me to open dialogs and change routes without the current BuildContext.

#flutter
September 4, 2025 at 7:53 AM
dcm.dev
Misusing `BuildContext` in Flutter can lead to runtime crashes you didn’t see coming.

From using it after `await` to calling it in `initState(),`these patterns are risky.

📘 Here's how to avoid them: dcm.dev/blog/2025/03...
15 Common Mistakes in Flutter and Dart Development (and How to Avoid Them) | DCM - Code Quality Tool for Flutter Developers
In this article, I’m sharing 15 common mistakes Flutter developers often make—along with why they happen, what to watch out for, and how to fix them using proven patterns and DCM rules and features.
dcm.dev
April 11, 2025 at 7:58 AM
pibi.studio
Ohhh 🫣 I confused it with context_watch... Sorry it's too early here and I haven't had my coffee

There is a signals specific package
github.com/s0nerik/cont...
context_plus/packages/context_watch_signals at main · s0nerik/context_plus
Convenient BuildContext-based value propagation and observing. Seamlessly integrates with Flutter's built-in observability primitives. - s0nerik/context_plus
github.com
February 13, 2025 at 6:58 AM
florianvoegtle.bsky.social
So we added a wrapper to allow initialization only at one single place and only allow accessing the DI using the BuildContext, similar to Provider or RepositoryProvider, which prevents unwanted usage.

So basically, Provider and RepositoryProvider were not enough for us and get_it was too powerful.
November 20, 2024 at 9:55 AM
randalschwartz.bsky.social
Still bumping into ProviderNotFoundException in #Flutter? 🛑

What if your BLoC architecture was decoupled from BuildContext and ran 100% synchronously on the call stack?

Check out my new article on devto: dev.to/randalschwar... #Dart #BlocSignal
Beyond ProviderNotFound: How BlocSignal Rethinks State Location and Synchronous Propagation
Learn how BlocSignal escapes ProviderNotFound runtime exceptions with flexible location patterns while delivering synchronous performance for DX, UX, and testing.
dev.to
July 24, 2026 at 3:59 PM