Monarch
Build high-quality UIs with ease
Monarch is a tool for building Flutter widgets in isolation. It makes it easy to build, test and debug complex UIs.
https://monarchapp.io
Build high-quality UIs with ease
Monarch is a tool for building Flutter widgets in isolation. It makes it easy to build, test and debug complex UIs.
https://monarchapp.io
monarchapp.io
Focus on writing code | Monarch
Monarch is a tool for Flutter developers. It makes building front-ends a pleasant experience.
👍6
Forwarded from sasan safari
Media is too big
VIEW IN TELEGRAM
#flutter_talk
در فلاتر تاک 2، اندکی در کلاس DateTime عمیق شدیم،
به صورت آنلاین و دور همی کد زدیم.
چالش این بود که نسبت به تاریخ امروز ، تاریخ 7 یا n روز گذشته تولید و چاپ بشه
در فلاتر تاک 2، اندکی در کلاس DateTime عمیق شدیم،
به صورت آنلاین و دور همی کد زدیم.
چالش این بود که نسبت به تاریخ امروز ، تاریخ 7 یا n روز گذشته تولید و چاپ بشه
👍3
برای قرار دادن متن و ویجت (مثل ایکون) کنار هم چه کنیم؟
مثال :
🔴 اینترنت در تمامی شهرهای ایران به شدت ضعیف شده است و حتی پیامها بدون محتوای تصویری با زحمت ارسال میشوند.
مثال :
🔴 اینترنت در تمامی شهرهای ایران به شدت ضعیف شده است و حتی پیامها بدون محتوای تصویری با زحمت ارسال میشوند.
👍1
Flutter Zone | فلاتر و دارت
برای قرار دادن متن و ویجت (مثل ایکون) کنار هم چه کنیم؟ مثال : 🔴 اینترنت در تمامی شهرهای ایران به شدت ضعیف شده است و حتی پیامها بدون محتوای تصویری با زحمت ارسال میشوند.
RichText
که یک InlineSpan به عنوان ورودی میگیره و خود InlineSpan یه لیستی از InlineSpan های دیگه می گیره
تو اون لیست InlineSpan میشه TextSpan و WidgetSpan پاس داد بهش
که یک InlineSpan به عنوان ورودی میگیره و خود InlineSpan یه لیستی از InlineSpan های دیگه می گیره
تو اون لیست InlineSpan میشه TextSpan و WidgetSpan پاس داد بهش
👍2
Forwarded from Pure Coder (Mohammad Taheri)
🔥دوره تخصصی و پیشرفته دارت
✨به زودی شروع میشه.
😍اینجا با هم یک نقطه عطف در فرایند یادگیری خودمون ایجاد میکنیم.
نقطه عطفی که میتونه تاثیر مهمی در اینده داشته باشه.
🔥در این دوره مفاهیم کاربردی و مهم دارت رو به صورت عمیق درک میکنیم و در نتیجه میتونیم خیلی خوب ازشون استفاده کنیم و با پایه های محکمی که ایجاد میکنیم اماده بشیم برای یادگیری مفاهیم پیشرفته تر.
❓درک استریم ها سخته؟
❓یادگیری کاربری rx dart ، bloc و... سخته؟
❓درک مفاهیم async سخته؟
اینجا یک نقطه شروع دوبارس.
⭕️امروزه Reactive Programming یکی از پارادایم های مهم هست و هر جایی و توی هر زبانی کاربردی هست.
پس در ابتدا باید مفاهیم اون رو صرف نظر از زبان برنامه نویسی خاص یاد بگیریم.
اگه این کار رو کردیم به راحتی میتونیم این مفاهیم رو در شرایط مختلف تطبیق بدیم و در زبان های مختلف استفاده کنیم.
🟢توی این دوره به صورت اختصاصی این مفاهیم رو باز میکنیم و مفاهمیش رو درک میکنیم.
در نتیجه میتونید در هر موقعیتی استفاده کنید.
🟢بعد از اون به طور اختصاصی این مفاهیم رو توی دارت بررسی میکنیم .
Streams, ....
اینجا خیلی خیلی ریز میشیم.
😍وقتی این ها جا افتاد حالا میتونی
Rxdart , bloc, getx, ....
رو خیلی راحتر درک و استفاده کنی.
✨به زودی شروع میشه.
😍اینجا با هم یک نقطه عطف در فرایند یادگیری خودمون ایجاد میکنیم.
نقطه عطفی که میتونه تاثیر مهمی در اینده داشته باشه.
🔥در این دوره مفاهیم کاربردی و مهم دارت رو به صورت عمیق درک میکنیم و در نتیجه میتونیم خیلی خوب ازشون استفاده کنیم و با پایه های محکمی که ایجاد میکنیم اماده بشیم برای یادگیری مفاهیم پیشرفته تر.
❓درک استریم ها سخته؟
❓یادگیری کاربری rx dart ، bloc و... سخته؟
❓درک مفاهیم async سخته؟
اینجا یک نقطه شروع دوبارس.
⭕️امروزه Reactive Programming یکی از پارادایم های مهم هست و هر جایی و توی هر زبانی کاربردی هست.
پس در ابتدا باید مفاهیم اون رو صرف نظر از زبان برنامه نویسی خاص یاد بگیریم.
اگه این کار رو کردیم به راحتی میتونیم این مفاهیم رو در شرایط مختلف تطبیق بدیم و در زبان های مختلف استفاده کنیم.
🟢توی این دوره به صورت اختصاصی این مفاهیم رو باز میکنیم و مفاهمیش رو درک میکنیم.
در نتیجه میتونید در هر موقعیتی استفاده کنید.
🟢بعد از اون به طور اختصاصی این مفاهیم رو توی دارت بررسی میکنیم .
Streams, ....
اینجا خیلی خیلی ریز میشیم.
😍وقتی این ها جا افتاد حالا میتونی
Rxdart , bloc, getx, ....
رو خیلی راحتر درک و استفاده کنی.
❤4👍2
Flutter Zone | فلاتر و دارت pinned «🔥دوره تخصصی و پیشرفته دارت ✨به زودی شروع میشه. 😍اینجا با هم یک نقطه عطف در فرایند یادگیری خودمون ایجاد میکنیم. نقطه عطفی که میتونه تاثیر مهمی در اینده داشته باشه. 🔥در این دوره مفاهیم کاربردی و مهم دارت رو به صورت عمیق درک میکنیم و در نتیجه میتونیم خیلی…»
Pure Coder
🔥دوره تخصصی و پیشرفته دارت ✨به زودی شروع میشه. 😍اینجا با هم یک نقطه عطف در فرایند یادگیری خودمون ایجاد میکنیم. نقطه عطفی که میتونه تاثیر مهمی در اینده داشته باشه. 🔥در این دوره مفاهیم کاربردی و مهم دارت رو به صورت عمیق درک میکنیم و در نتیجه میتونیم خیلی…
Telegram
Pure Coder
⭕️آدرس سایت:
https://purecoder.ir
⭕️گروه پرسش و پاسخ:
@purecoder_gp
⭕️پشتیبانی:
@PureCoder_support
@MohammadTaherri
https://purecoder.ir
⭕️گروه پرسش و پاسخ:
@purecoder_gp
⭕️پشتیبانی:
@PureCoder_support
@MohammadTaherri
👍2
Flutter Csharp RPC
With this package we can execute C# code from Dart (Flutter) application via JSON-RPC protocol.
https://pub.dev/packages/csharp_rpc
With this package we can execute C# code from Dart (Flutter) application via JSON-RPC protocol.
https://pub.dev/packages/csharp_rpc
Dart packages
csharp_rpc | Dart package
Execute C# code from Dart (Flutter) application via JSON-RPC protocol.
❤4
AI Code Translator
Translate Code or Natural Language To Programming Language Code
https://aicodeconvert.com
Translate Code or Natural Language To Programming Language Code
https://aicodeconvert.com
👍3
A family of packages that provide an idiomatic Dart projection of modern Windows Runtime (WinRT) APIs using FFI.
https://github.com/dart-windows/dartwinrt
https://github.com/dart-windows/dartwinrt
👍3
Forwarded from Pure Coder (Mohammad Taheri)
✨Performance
💥وقتی گوشی میخرید یکی از پارامتر هایی که در مورد صفحه نمایش توجه تون رو جلب میکنه با واحد هرتز بیان میشه.
مثلن میگن این نمایشگر
60 Hz, 90Hz, 120Hz,...
هست...
⚠️در مورد هر صفحه نمایش دیگه به غیر از گوشی هم میتونه صادق باشه.
💥 یک صفحه نمایش ۶۰ هرتز، هر ثانیه ۶۰ بار تصویر خودش رو بروز میکنه و یک صفحه نمایش ۱۲۰ هرتز، هر ثانیه ۱۲۰ بار...
💥این تصویر باید از جایی تامین بشه ...
پردازنده گرافیکی یا GPU این تصویر رو رندر میکنه
💥اینجا از frame rate استفاده میکنن و واحد fps...
fps => frame per seconds
وقتی میگیم 60 fps یعنی اون GPU در هر ثانیه میتونه ۶۰ فریم رو رندر کنه.
⚠️حالا اینکه باید بین GPU و صفحه نمایش هماهنگی باشه و هرتز این یکی با frame rate اون یکی، هماهنگ باشن رو کاری نداریم.
🟢فرض کنیم یه دیوایسی داریم یا نمایشگر ۶۰ هرتز و GPU هم frame rate اش برابر ۶۰ هست...
این یعنی وقتی کاربر داره یه انیمیشن یا تصویر متحرک رو میبینه یا داره یه محتوایی رو اسکرول میکنه یا به هر صورتی یه چیز متحرکی جلوشه... تقریبن هر ۱۶ میلی ثانیه یک بار باید یه فریم جدید رندر بشه و تحویلش داده بشه... وگرنه کاربر با لگ روبرو میشه...
❓چرا؟
⚠️درخواست ساخته شدن این فریم ها هر ۱۶ میلی ثانیه یکبار صادر میشه و وقتی یه فریم از دست رفت ۱۶ میلی ثانیه طول میکشه تا درخواست ساخته شدن فریم بعدی صادر بشه
پس وقتی یه فریم از دست بره کاربر یه تصویر اون وسط رو نمیبنه و یهو یه پرش ایجاد میشه.
❓حالا وظیفه ما به عنوان برنامه نویس چیه؟
✅وقتی داری محتوای متحرک نشون کاربرت میدی، نباید انقدر کارهای سنگین انجام بدی که یهو یه فریم اون وسط از دست بره.
یعنی کارهایی که انجام میدی باید انقدری سبک باشن که پردازنده رو انقدری درگیر نکنه که از وقت موعود (۱۶ میلی ثانیه) بگذره و پردازنده همچنان درگیر اون کارها باشه و نتونه فریم جدید رو سر وقت رندر کنه...
✅اگه کارهای سنگین وجود داشت منتقل میکنی به یه thread دیگه و ui thread رو ازاد میکنی..
😍توضیحات دقیق در اینده توی یک مقاله...
@purecoder_ir
💥وقتی گوشی میخرید یکی از پارامتر هایی که در مورد صفحه نمایش توجه تون رو جلب میکنه با واحد هرتز بیان میشه.
مثلن میگن این نمایشگر
60 Hz, 90Hz, 120Hz,...
هست...
⚠️در مورد هر صفحه نمایش دیگه به غیر از گوشی هم میتونه صادق باشه.
💥 یک صفحه نمایش ۶۰ هرتز، هر ثانیه ۶۰ بار تصویر خودش رو بروز میکنه و یک صفحه نمایش ۱۲۰ هرتز، هر ثانیه ۱۲۰ بار...
💥این تصویر باید از جایی تامین بشه ...
پردازنده گرافیکی یا GPU این تصویر رو رندر میکنه
💥اینجا از frame rate استفاده میکنن و واحد fps...
fps => frame per seconds
وقتی میگیم 60 fps یعنی اون GPU در هر ثانیه میتونه ۶۰ فریم رو رندر کنه.
⚠️حالا اینکه باید بین GPU و صفحه نمایش هماهنگی باشه و هرتز این یکی با frame rate اون یکی، هماهنگ باشن رو کاری نداریم.
🟢فرض کنیم یه دیوایسی داریم یا نمایشگر ۶۰ هرتز و GPU هم frame rate اش برابر ۶۰ هست...
این یعنی وقتی کاربر داره یه انیمیشن یا تصویر متحرک رو میبینه یا داره یه محتوایی رو اسکرول میکنه یا به هر صورتی یه چیز متحرکی جلوشه... تقریبن هر ۱۶ میلی ثانیه یک بار باید یه فریم جدید رندر بشه و تحویلش داده بشه... وگرنه کاربر با لگ روبرو میشه...
❓چرا؟
⚠️درخواست ساخته شدن این فریم ها هر ۱۶ میلی ثانیه یکبار صادر میشه و وقتی یه فریم از دست رفت ۱۶ میلی ثانیه طول میکشه تا درخواست ساخته شدن فریم بعدی صادر بشه
پس وقتی یه فریم از دست بره کاربر یه تصویر اون وسط رو نمیبنه و یهو یه پرش ایجاد میشه.
❓حالا وظیفه ما به عنوان برنامه نویس چیه؟
✅وقتی داری محتوای متحرک نشون کاربرت میدی، نباید انقدر کارهای سنگین انجام بدی که یهو یه فریم اون وسط از دست بره.
یعنی کارهایی که انجام میدی باید انقدری سبک باشن که پردازنده رو انقدری درگیر نکنه که از وقت موعود (۱۶ میلی ثانیه) بگذره و پردازنده همچنان درگیر اون کارها باشه و نتونه فریم جدید رو سر وقت رندر کنه...
✅اگه کارهای سنگین وجود داشت منتقل میکنی به یه thread دیگه و ui thread رو ازاد میکنی..
😍توضیحات دقیق در اینده توی یک مقاله...
@purecoder_ir
👍9
Hiddify Next
Hiddify Multi-platform Proxy Client
Windows, Android, Linux are supported (macOS and iOS is coming soon)
https://github.com/hiddify/hiddify-next
Hiddify Multi-platform Proxy Client
Windows, Android, Linux are supported (macOS and iOS is coming soon)
https://github.com/hiddify/hiddify-next
👍4
Flutter - Use `LayerLink` to move widgets in compositing phase
https://www.youtube.com/watch?v=IYbvueOg32Q
https://www.youtube.com/watch?v=IYbvueOg32Q
YouTube
Flutter - Use `LayerLink` to move widgets in compositing phase
This video briefly covers the flutter rendering pipeline first, then focuses on the `CompositedTransformFollower` and `CompositedTransformTarget` widget-pair.
👍2
Precache Images In Flutter
Learn how to load your image assets faster in your Flutter Apps
https://medium.flutterdevs.com/precache-images-in-flutter-73abfedb0769
Learn how to load your image assets faster in your Flutter Apps
https://medium.flutterdevs.com/precache-images-in-flutter-73abfedb0769
👍5