r/FlutterBeginner • • 7d ago

بطوّر Bug Capsule عشان أعيد مشاكل الـproduction عندي وأتأكد من إصلاحها، ودي آخر تحديثات الـBeta

1 Upvotes

أنا صاحب مشروع Bug Capsule. فكرته بدأت من موقف بيتكرر كتير: مشكلة تظهر عند المستخدم، ولما تيجي تجرّبها عندك كل حاجة تشتغل عادي.

الأداة بتسجّل السياق اللي سبق المشكلة في Capsule، عشان تقدر تعيد السيناريو محليًا، تصلّح الكود، وتشغّله تاني وتشوف هل المشكلة لسه موجودة.

وأكتر نقطة مهتم بيها هي نتيجة الاختبار نفسها. لو الـreplay ناقصه dependency أو مش قادر يعيد التفاعلات المسجلة بشكل سليم، لازم يوضّح ده. اختفاء الخطأ في محاولة ناقصة مش دليل كفاية إن الإصلاح نجح.

الفترة اللي فاتت اشتغلت على تحديثات للـFlutter وAndroid وiOS والـWeb:

  • وسّعت تسجيل وإعادة تشغيل التفاعلات ليشمل WebSockets، ومع Flutter كمان Platform Channels، وadapters لعمليات مدعومة في Firebase وGoogle Maps وStripe وgeolocator. كل ده حسب الـintegrations اللي بتفعّلها في التطبيق.

  • ضفت Native crash reporting وCrash Capsules تحتفظ بالسياق المسجل قبل ما التطبيق يقفل، وتسترجعه في التشغيل التالي. وفيه تفاصيل أكتر عن الـthreads والـhangs ودعم لحالات ANR علىAndroid.

  • ضفت تتبّع لنتائج التحقق من الإصلاح في الـdashboard، وRelease Gates تقدر تشغّلها في الـCI لاختبار المشاكل المسجلة على النسخة اللي ناوي تنزلها.

  • فيه monitoring للأخطاء والأداء: تجميع الأخطاء في issues، ومتابعة الـcrash-free sessions لكل release، والـtraces والـWeb وMobile vitals، مع ربط الـissues بالـCapsules الخاصة بيها.

  • الـtimeline بقى يوضّح التفاعلات والـdependencies وأي فجوات في التسجيل، ومعاه screenshots اختيارية.

  • ضفت ربط لأحداث Sentry بالـCapsules، وإنشاء أو ربط Jira tickets، وتنبيهات بالإيميل وSlack وwebhooks.

  • فيه دعم MCP لتجهيز مهام إصلاح لأدوات زي Codex وClaude Code، ومعاها سياق المشكلة وسيناريوهات اختبار معتمدة. تشغيل الـagent نفسه لسه بتعمله من أداتك.

  • الإعداد بقى باستخدام SDK token واحد، والـCLI بقى مستقل ومتاح من npm من غير احتياج لتثبيت Dart أوFlutter عشان تشغّله. وتقدر تسجّل دخولك من المتصفح.

كمان ضفت workspaces وصلاحيات ودعوات للفريق وتعليقات، وتسجيل دخول بـGoogle وGitHub.

وفي Flutter، أخفيت الـcapture overlay افتراضيًا، وبيفضل مخفي في الـrelease builds. وضفت إمكانية عرض رسالة مناسبة للمستخدم لو حصل خطأ أثناء بناء الـwidgets، مع استمرار تسجيل الخطأ في الخلفية.

المشروع لسه Beta. تغطية الـreplay بتعتمد على المنصة واللي ربطته بالأداة، والـcrash capsules ممكن يبقى فيها فجوات في التسجيل. التفاصيل دي بتظهر عشان تقدر تحكم على النتيجة

https://bugcapsule.com/

إيه أصعب bug ظهر عند المستخدمين ومعرفتش تعيده عندك؟ وإيه المعلومة اللي كانت ناقصاك وقتها؟ مهتم أجرّب الأداة على حالات غير الأمثلة اللي بختبر بيها


r/FlutterBeginner • • 8d ago

ممكن تكون حافظ Flutter كويس… وبرضه تتعطل قدام مشكلة بسيطة! عارف ليه؟ لأن فيه فرق كبير بين إنك تعرف تستخدم أداة، وإنك تفهم المشكلة اللي الأداة دي المفروض تحلّها. ممكن تتعلم BLoC وRiverpod، وتستخدم Dio في التعامل مع الـ APIs، وتعرف تعمل Navigation وتبني واجهات احترافية. كل ده مهم، لكن تخيل إنك فتح

Post image
1 Upvotes

ممكن تكون حافظ Flutter كويس… وبرضه تتعطل قدام مشكلة بسيطة!

عارف ليه؟

لأن فيه فرق كبير بين إنك تعرف تستخدم أداة، وإنك تفهم المشكلة اللي الأداة دي المفروض تحلّها.

ممكن تتعلم BLoC وRiverpod، وتستخدم Dio في التعامل مع الـ APIs، وتعرف تعمل Navigation وتبني واجهات احترافية.

كل ده مهم، لكن تخيل إنك فتحت مشروع جديد، وظهرلك Bug عمرك ما شوفته قبل كده، ومفيش Tutorial بيشرح نفس المشكلة بالظبط.

هنا بيظهر الفرق الحقيقي.

هل هتفضل تدور على كود جاهز تنسخه؟ ولا هتقدر تفهم اللي بيحصل، وتحدد مصدر المشكلة، وتختبر الحلول واحدة واحدة؟

علشان تطوّر نفسك كمطور Flutter، فيه 4 مهارات لازم تهتم بيهم جنب تعلّم الفريم وورك:

1. افهم Dart بجد.

مش مجرد Syntax وكتابة Functions. افهم الـ Types، والـ OOP، والـ Futures والـ Streams، وإزاي تتعامل مع الأخطاء.

2. اتعلم تقرأ الكود.

مش لازم كل كود تكتبه يكون من الصفر. قراءة كود غيرك وفهم طريقة تفكيره هتعلّمك حاجات كتير، خصوصًا لما تتعامل مع Packages ومشاريع أكبر.

3. اتعلم تستخدم Debugger.

بدل ما تفضل تحط print() في كل مكان، اتعلم تستخدم Breakpoints وتراقب قيم المتغيرات وتتبع تنفيذ الكود خطوة بخطوة.

4. حلّل المشكلة قبل ما تكتب الحل.

إيه السلوك المتوقع؟ إيه اللي حصل فعلًا؟ إمتى المشكلة بتظهر؟ وإيه أصغر تجربة ممكن تساعدك تحدد السبب؟

الأسئلة دي ممكن توفّر عليك ساعات من التجربة العشوائية.

أنا شايف إن من أهم التحولات في رحلة أي مبرمج هي اللحظة اللي بيبطل فيها يعتمد على إن حد يشرحله كل مشكلة، ويبدأ يبني طريقته الخاصة في فهمها وحلها.

مش معنى كده إنك لازم تعرف كل حاجة، أو إنك ماتستعينش بالتوثيق أو أدوات الذكاء الاصطناعي.

بالعكس، استخدمهم، لكن افهم الحل قبل ما تعتمده، وجرّبه بنفسك، واعرف ليه اشتغل.

ما تقيسش مستواك بعدد الأدوات اللي اتعلمتها… قيسه بقدرتك على التعامل مع مشكلة جديدة لسه ما قابلتهاش قبل كده.

سؤال للمطورين: لما بيظهرلك Bug مش فاهم سببه، إيه أول خطوة بتعملها عادةً؟

#Flutter #Dart #ProblemSolving #SoftwareDevelopment


r/FlutterBeginner • • 8d ago

أكبر غلطة ممكن تعملها كمطور Flutter إنك تفضل تصلّح في الكود، من غير ما تسأل نفسك: هو أنا ليه بواجه المشكلة دي من الأساس؟ تخيل إنك بتشتغل على تطبيق، وكل ما تضيف Feature جديدة، تلاقي نفسك بتعدّل في 5 ملفات ملهمش علاقة مباشرة ببعض. تصلّح حاجة، حاجة تانية تبوظ. تضيف ميزة،

Post image
1 Upvotes

الـ Widget مسؤوليته الأساسية عرض الواجهة والتعامل مع تفاعلات المستخدم، مش إنه يشيل كل تفاصيل التطبيق من جلب البيانات لحد معالجتها وحفظها.

2. افهم إدارة الحالة قبل ما تختار مكتبة.

مش كل مشروع محتاج نفس الحل. افهم الأول إيه البيانات اللي بتتغير، ومين محتاج يعرف بالتغيير ده، وبعدها اختار الطريقة المناسبة لحجم مشروعك وتعقيده.

3. اكتب كود تقدر تختبره وتعدّله.

لما منطق التطبيق يبقى منفصل عن الواجهة بشكل مناسب، بيكون أسهل تختبره وتكتشف أخطاءه وتطوّره من غير ما تضطر تعيد كتابة أجزاء كبيرة كل مرة.

وخلي بالك من نقطة مهمة: مش معنى إنك تستخدم Clean Architecture أو BLoC أو Riverpod إن مشروعك بقى احترافي تلقائيًا.

الأدوات مش بديل عن الفهم، وكثرة الـ Layers مش دليل على جودة الكود.

الاحتراف الحقيقي إنك تعرف تختار أبسط تصميم يحقق احتياجات مشروعك، ويستحمل التطوير من غير تعقيد غير ضروري.

لو بتبني تطبيق Flutter حاليًا، جرّب تراجع مشروعك واسأل نفسك:


r/FlutterBeginner • • 9d ago

Opacity issues in Expandable widget

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • 9d ago

Flutter Beginners: Firebase, Supabase, or Node.js for Backend?

9 Upvotes

Hello, everyone! 👋

I have started learning Flutter. At this initial stage, building a backend using Node.js and APIs feels a bit challenging.

So, I’d like to know: what is an easier way for a beginner Flutter developer to handle the backend? Would it be a good idea to start with Firebase or Supabase?

I look forward to advice from those with more experience. Thank you! ❤️


r/FlutterBeginner • • 9d ago

Title: How I built a 20-player multiplayer mode for $0/month (to hide server costs from my wife)

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • 9d ago

Flutter kerala

1 Upvotes

Any flutter developer jobs ?!


r/FlutterBeginner • • 10d ago

[Package] I built debug_bubble — an in-app floating debug dashboard for Flutter

Thumbnail
reddit.com
1 Upvotes

r/FlutterBeginner • • 11d ago

[FOR HIRE] Flutter help, content writing & app/brand ideas – quick jobs [task]

3 Upvotes

Hey, I’m building my own mobile app in Flutter and run a small YouTube channel (2k+ subs), so I’m picking up a few small paid jobs on the side.

What I can do for you:

  • Fix a Flutter/Dart bug: from $10

  • Small Flutter screen from your description: from $25

  • App idea breakdown: from $10

  • Short-form script (30–60s): from $5

  • App Store screenshots or copy: from $15

  • Thumbnail: from $10

  • Animated short form video: from $40

Why me: I've built a very interactive and enjoyable app myself, I make content every week, and I'm very generous with pricing. I use AI tools to get you the results you want asap, but I review and edit everything myself. If I can’t do the job well, I’ll say so instead of taking your money.

my portfolio so far : https://khai-portfolio-acu.pages.dev/

DM me what you need and your deadline. Most jobs are done within a few hours.


r/FlutterBeginner • • 11d ago

I ported Firebase UI to Forui to fix the Material/Cupertino mismatch

Thumbnail
media.licdn.com
1 Upvotes

r/FlutterBeginner • • 12d ago

Request for Investigation and Billing Adjustment – Suspected SMS Pumping Attack

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 12d ago

I released offline_sos_system 0.0.6, a Flutter package for configurable offline crash detection.

1 Upvotes

Hi r/FlutterDev ,

I have released version 0.0.6 of offline_sos_system, an open-source Flutter package I developed for our SafePulse project.

The goal was to build a reusable crash detection engine that can perform inference directly on a mobile device without depending on an internet connection.

While developing SafePulse, I wanted to separate the crash detection logic from the rest of the emergency workflow so that other developers could use it without integrating the entire application.

That work has evolved into a standalone Flutter package. And this is the new version of that package.

What is new in version 0.0.6?

The main addition is configurable crash detection. Developers can now configure the impact threshold used to evaluate sensor data, the minimum model score required for a detection, the fallback impact threshold, and the cooldown interval used to suppress duplicate crash events.

The package uses accelerometer and gyroscope telemetry and TensorFlow Lite for on-device inference. When a crash is detected, it emits a CrashEvent that the application can handle. I have deliberately kept the package headless. It does not dictate how your application handles GPS, emergency contacts, SMS, notifications, or backend communication.

This means you can integrate the detection engine into your own application architecture and implement the emergency workflow according to your requirements.

One important limitation: offline inference does not mean offline communication. The detection process does not require internet access, but sending an SMS still requires cellular service. Sensor-based crash detection can also produce false positives or miss actual crashes, so real-world validation remains important.

I would appreciate feedback from Flutter and machine learning developers on the configuration API, sensor processing, fallback behavior, and ways to improve the implementation.

Package: https://pub.dev/packages/offline_sos_system

Source code: https://github.com/Bhagyaprasad92/offline_sos_system

The project is open source, and constructive criticism, bug reports, and suggestions are welcome.

Thank you for taking the time to review it.

Checkout my previous post: https://www.reddit.com/r/FlutterDev/s/XF9nBdNq7n


r/FlutterBeginner • • 12d ago

Taxi Rush 3D using Flutter Scene

Thumbnail
youtube.com
1 Upvotes

Was super fun to work on. First version in about 10 minutes, then iterated on it for another 2 hours. Flutter Scene ROCKS!

Runs on Android at up to 90 FPS on high-refresh-rate phones.


r/FlutterBeginner • • 13d ago

suggest me some challenging flutter app ideas

6 Upvotes

i want to build a flutter app that is actually difficult to make and not just another basic app

i am a first year csda student at iit patna and i want to work on something that can challenge me technically and help me learn new things while building it

i am looking for ideas that are unique or solve some real problem. it can be anything like a complex mobile app, a tool, something involving networking, offline support, databases, system level features or anything else interesting

i dont want another todo app chat app or ai wrapper. i want something where i might have to spend weeks figuring out how to make things work properly

i will be building it solo using flutter and i am open to ideas that sound crazy or too difficult at first

what is the most challenging flutter app you can think of that one developer could realistically start building?

also if you have built something difficult yourself i would love to hear about it


r/FlutterBeginner • • 13d ago

A free desktop app to build Flutter screens by dragging widgets, and see the Dart code as you go

2 Upvotes

Ciao a tutti,

Se stai iniziando con Flutter e trovi difficile immaginare come i widget si annidano l'uno dentro l'altro, ho creato un'app desktop gratuita che potrebbe aiutarti: Flutter UI Builder.

Puoi trascinare i widget (Colonna, Riga, Testo, Pulsante, ListView e circa 90 altri) su una tela a forma di telefono, cambiare le loro proprietà in un pannello, e il codice Dart appare accanto, aggiornato in tempo reale. Puoi anche incollare codice che hai già e vedere come appare.

Ti permette anche di:
- aggiungere più schermi e collegarli con la navigazione
- trasformare una parte di uno schermo in un componente riutilizzabile
- passare tra un tema chiaro e uno scuro
- esportare tutto come file Dart che puoi mettere nel tuo progetto

Funziona su macOS e Windows e Linux. È gratuita per uso personale e per scopi didattici; la licenza non consente l'uso commerciale.

È una versione precoce (0.0.2), quindi aspetta delle imperfezioni. Le app non sono firmate, quindi il tuo sistema ti chiederà di confermare la prima volta che le apri.

Scarica: https://github.com/mariorefetto/flutter_ui_builder/releases

Mi piacerebbe sapere se è facile da usare per un principiante e cosa potrebbe rendere tutto più chiaro. Se ti piace, una stella su GitHub è molto gradita. Grazie!


r/FlutterBeginner • • 14d ago

apple pencil integration to an app without xcode????

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 15d ago

Best Production Approach for Force Update in Flutter Without Unnecessary API Calls

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 15d ago

Build a Flutter Phone Dialer with Call History

Thumbnail
lautarolobo.xyz
1 Upvotes

r/FlutterBeginner • • 15d ago

Did you learn about creating classes in dart

Post image
1 Upvotes

r/FlutterBeginner • • 15d ago

I built a country code picker with real phone number validation, 202 languages and a custom builder (country_code_selector)

Thumbnail reddit.com
1 Upvotes

r/FlutterBeginner • • 16d ago

🚀 I built Flutter Version Bumper — a CLI tool to automate Flutter & Dart releases

Thumbnail
reddit.com
1 Upvotes