Api flutter ، نمونه پکیج فلاتر
114 subscribers
346 photos
28 videos
50 files
517 links
خوش آمدید،
اینجا نمونه کد ها و پکیج های
کاربردی و جالب فلاتر رو
اشتراک میزاریم
⚠️کد اسکی میریم
⚠️وب سرویس میزنیم
⚠️چیز میز هم معرفی می‌کنیم

@IranPowerfuly_bot
Download Telegram
کتابخونه ساخت المنت های شیشه ای در فلاتر موسوم به سبک : گلَس مورفیسم
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
This media is not supported in your browser
VIEW IN TELEGRAM
کتابخانه اول, ساخت المنت های موسوم به سبک : نئومورفیسم

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

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
This media is not supported in your browser
VIEW IN TELEGRAM
کتابخانه شماره دو سبک نئومورفیسم
این کتابخانه ساده تر و قابل درک تر از قبلی هست..




https://pub.dev/packages/neumorphic



dependencies:
neumorphic: any



import 'package:neumorphic/neumorphic.dart';



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


@flutteri
This media is not supported in your browser
VIEW IN TELEGRAM
پکیج محبوب 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
This media is not supported in your browser
VIEW IN TELEGRAM
پکیج افکت پشت آواتار، آیکون، ویجت عکس، :
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
This media is not supported in your browser
VIEW IN TELEGRAM
پکیج چارت دایره ای چند بخشی
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
Forwarded from MohammadAmir Mohammadi
نسخه جدید پکیج تقویم شمسی فلاتر منتشر شد.
در این نسخه 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 #تقویم
یه سایت کمکی فلاتر دیدم، چقدر چیز میز داره 🥲


👇👇👇👇👇👇