https://www.youtube.com/watch?v=NeOh0Zivyog

یکی از بهترین و ساده ترین روش های تبدیل جیسون به دارت با پشتیبانی null safety

😍🥳🤩 حمایت کنین دوستان همیشه در حال پیشرفت

Easily add staggered animations to your ListView, GridView, Column and Row children

https://pub.dev/packages/flutter_staggered_animations

تجربه ی ویندوز 11 در مرورگر!

https://win11.blueedge.me
اگر هنوز موفق به نصب ویندوز جدید مایکروسافت نشده این، می تونین تجربه ی رابط کاربری اون رو از طریق این لینک در مرورگر داشته باشین!

Gradientz - Beautiful colored gradients

https://gradientz.netinro.ir

😂😂

هر روز این لینک رو چک میکنم ببینم پکیچ جدید چی اومده!
😂😂

https://pub.dev/packages?sort=created

AdBlock Detecter Flutter Web

https://pub.dev/packages/adblock_detecter

https://pub.dev/packages/solid_bottom_sheet


solid bottom sheet
Swipe up

Ui

Null safety

https://pub.dev/packages/material_dialogs

material dialogs animated 💯

Null safety

Ui

https://pub.dev/packages/rating_dialog

Rating dialog ✨

Null safety

Ui

کتابخونه ساخت المنت های شیشه ای در فلاتر موسوم به سبک : گلَس مورفیسم
glassmorphism

Ui

Null safety

https://pub.dev/packages/glassmorphism_ui

✨✨✨✨✨✨✨✨✨✨✨✨

glassmorphism_ui: ^0.2.0



import 'package:glassmorphism_ui/glassmorphism_ui.dart';



GlassContainer(
height: 130,
blur: 3,
shadowStrength: 10,
opacity: 0.2,
width: 230,
//--code to remove border
border: Border.fromBorderSide(BorderSide.none),
borderRadius: BorderRadius.circular(10),
child: Center(
child: Text(
"Glass Container",
),
),
),

@flutteri

کتابخانه اول, ساخت المنت های موسوم به سبک : نئومورفیسم

سبکی ترند شده با افزودن و تنظیم سایه ها، نوردهی، عمق ها به المنت و ایجاد جلوه های بصری واقعی تر

neumorphic


Ui

Null safety


https://pub.dev/packages/flutter_neumorphic

✨✨✨✨✨✨✨✨✨✨✨

dependencies:
flutter_neumorphic: ^3.0.3

//requires flutter > 1.13.18




import 'package:flutter_neumorphic/flutter_neumorphic.dart';




Neumorphic(
style: NeumorphicStyle(
shape: NeumorphicShape.concave,
boxShape: NeumorphicBoxShape.roundRect(BorderRadius.circular(12)),
depth: 8,
lightSource: LightSource.topLeft,
color: Colors.grey
),
child: ...
)


@flutteri

کتابخانه شماره دو سبک نئومورفیسم
این کتابخانه ساده تر و قابل درک تر از قبلی هست..




https://pub.dev/packages/neumorphic

✨✨✨✨✨✨✨✨✨✨✨

dependencies:
neumorphic: any



import 'package:neumorphic/neumorphic.dart';



NeuTextField(
controller: _controller,
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'Write',
),
)


@flutteri

پکیج محبوب shimmer جایگزین مناسب لودینگ
Shimmer
Ui
Null safety

https://pub.dev/packages/shimmer

✨✨✨✨✨✨✨✨✨

dependencies:
shimmer: ^2.0.0


import 'package:shimmer/shimmer.dart';




SizedBox(
width: 200.0,
height: 100.0,
child: Shimmer.fromColors(
baseColor: Colors.red,
highlightColor: Colors.yellow,
child: Text(
'Shimmer',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 40.0,
fontWeight:
FontWeight.bold,
),
),
),
);


@flutteri

پکیج افکت پشت آواتار، آیکون، ویجت عکس، :
Avatarglow

Ui

Null safety


https://pub.dev/packages/avatar_glow/install


✨✨✨✨✨✨✨✨✨✨✨✨

dependencies:
avatar_glow: ^2.0.1



import 'package:avatar_glow/avatar_glow.dart';




AvatarGlow(
endRadius: 60.0,
child: Material( // Replace this child with your own
elevation: 8.0,
shape: CircleBorder(),
child: CircleAvatar(
backgroundColor: Colors.grey[100],
child: Image.asset(
'assets/images/dart.png',
height: 50,
),
radius: 30.0,
),
),
),


@flutteri

پکیج چارت دایره ای چند بخشی
Pie chart
Ui
Null safety


https://pub.dev/packages/pie_chart
✨✨✨✨✨✨✨✨✨✨✨
dependencies:
pie_chart: ^5.0.0


import 'package:pie_chart/pie_chart.dart';


Map<String, double> dataMap = {
"Flutter": 5,
"React": 3,
"Xamarin": 2,
"Ionic": 2,
};


PieChart(
dataMap: dataMap,
animationDuration: Duration(milliseconds: 800),
chartLegendSpacing: 32,
chartRadius: MediaQuery.of(context).size.width / 3.2,
colorList: colorList,
initialAngleInDegree: 0,
chartType: ChartType.ring,
ringStrokeWidth: 32,
centerText: "HYBRID",
legendOptions: LegendOptions(
showLegendsInRow: false,
legendPosition: LegendPosition.right,
showLegends: true,
legendShape: _BoxShape.circle,
...........
.....................
......................



@flutteri

نسخه جدید پکیج تقویم شمسی فلاتر منتشر شد.
در این نسخه cupertino datepicker که دیت پیکر iOS هست رو اضافه کردیم.
ممنون میشم در گیت هاب استار بدید و در پاب لایک کنید تا باعث دلگرمی ما باشه❤.
نسخه nullsafty با همکاری دوستان به زودی منتشر میشه.😉
Github: https://github.com/M-amir-M/persian-datetime-picker

Pub: https://pub.dev/packages/persian_datetime_picker

#datepicker #persian_datetime_picker #تقویم

صفحه بندی یا لود مرحله ای لیست موسوم به
Pagination

یه علاوه ویجت های پراستفاده دیگه در سایت، برسی کنید


@flutteri


https://www.kindacode.com/article/flutter-listview-pagination-load-more/

یه سایت کمکی فلاتر دیدم، چقدر چیز میز داره 🥲


👇👇👇👇👇👇