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
این کتابخانه ساده تر و قابل درک تر از قبلی هست..
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
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
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
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 #تقویم
در این نسخه 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/
Pagination
یه علاوه ویجت های پراستفاده دیگه در سایت، برسی کنید
@flutteri
https://www.kindacode.com/article/flutter-listview-pagination-load-more/
Kindacode
Flutter: ListView Pagination (Load More) Example (updated) - KindaCode
In real-world Flutter applications, we often load dynamic data from servers or databases instead of using hardcode/dummy data as we often see in online examples.
For instance, you have an e-commerce app and need to load products...
For instance, you have an e-commerce app and need to load products...
https://programming.bangimo.com/115-%d8%b3%d8%a7%d8%ae%d8%aa-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7-%d8%a8%d8%b1%d8%a7%db%8c-%d9%87%d8%b1-%d9%88%db%8c%d8%ac%d8%aa-%d8%ae%d8%a7%d8%b5-%d9%88-%d9%87%d8%a7%db%8c-%d9%84%d8%a7%db%8c%d8%aa/
@flutteri
@flutteri
بانگیمو
115- ساخت راهنما برای هر ویجت خاص و های لایت آن در فلاتر - بانگیمو
https://programming.bangimo.com/86-%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%d9%88%db%8c%d8%ac%d8%aa-%d9%87%d8%a7-%d8%a8%d9%87-%d8%a7%d8%b4%da%a9%d8%a7%d9%84-%d9%85%d8%ae%d8%aa%d9%84%d9%81-%d8%af%d8%b1-%d9%81%d9%84/
@flutteri
@flutteri
بانگیمو
86- نحوه نمایش ویجت ها به اشکال مختلف در فلاتر - بانگیمو
This media is not supported in your browser
VIEW IN TELEGRAM
🇮🇷معرفی سایت آموزشی ✨
یه سایت ایرانی هم داریم به اسم فرین مدیا اکثر آموزش های کمپانی های بزرگ جهان در زمینه های مختلف از جمله برنامه نویسی و بخصوص فلاتر رو داره به همراه زیر نویس انگلیسی و بعضا فارسی معمولا قیمتی حدود 10 - 20 هزارتومن هست میتونید برسی کنید لینک نمونه میزارم یه همراه آیدی کانالش
پست بعدی در مورد سایت لیندا فارسی هست که آموزش های سبُک لیندا و امثالهم رو زیر نویس فارسی میزاره یکمی بروز نیست ..
و بعد از اون سایت دانلودلی که آموزش های انگلیسی رو میزاره از کمپانی های بزرگ و ترافیک داخلی هست...
اما پیشنهاد میشه پیگیری آموزش ها و دوره های جدید فلاتر رو رایگان تو کانال منطقه فلاتر انجام بدین 👇
@flutterr_zone
https://farinmedia.ir/flutter-bloc-from-zero-to-hero-complete-course-186591/
@farinsoft
✨✨✨✨✨✨✨✨✨
https://farsilynda.com/
https://downloadly.ir/?s=Flutter
@flutteri
.
.
یه سایت ایرانی هم داریم به اسم فرین مدیا اکثر آموزش های کمپانی های بزرگ جهان در زمینه های مختلف از جمله برنامه نویسی و بخصوص فلاتر رو داره به همراه زیر نویس انگلیسی و بعضا فارسی معمولا قیمتی حدود 10 - 20 هزارتومن هست میتونید برسی کنید لینک نمونه میزارم یه همراه آیدی کانالش
پست بعدی در مورد سایت لیندا فارسی هست که آموزش های سبُک لیندا و امثالهم رو زیر نویس فارسی میزاره یکمی بروز نیست ..
و بعد از اون سایت دانلودلی که آموزش های انگلیسی رو میزاره از کمپانی های بزرگ و ترافیک داخلی هست...
اما پیشنهاد میشه پیگیری آموزش ها و دوره های جدید فلاتر رو رایگان تو کانال منطقه فلاتر انجام بدین 👇
@flutterr_zone
https://farinmedia.ir/flutter-bloc-from-zero-to-hero-complete-course-186591/
@farinsoft
✨✨✨✨✨✨✨✨✨
https://farsilynda.com/
https://downloadly.ir/?s=Flutter
@flutteri
.
.
فرین سافت
دانلود Udemy Flutter BLoC - From Zero to Hero Complete Course
با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با فلاتر یاد می گیرید. عنوان اصلی : Flutter BLoC – From Zero to Hero Complete Course این مجموعه آموزش ویدیویی محصول موسسه آموزشی Udemy است که بر روی 1…
Forwarded from فارسی لینـدا - FarsiLynda.com
لیندا _ آموزش فلوتر (بخش 10): Firebase Cloud Firestore (با زیرنویس فارسی AI)
Lynda _ Flutter: Part 10 Firebase Cloud Firestore
زبان: انگلیسی
زیرنویس: فارسی و انگلیسی
مدرس: #London_App_Brewery_لندن_App_Brewery
زمان آموزش: 3h 51m
تاریخ تولید: 30-08-2019
گروه بندی:
#برنامه_نویسی_و_توسعه #ابزارهای_برنامه_نویسی_و_توسعه #Flutter #توسعه_دهندگان_برنامه_های_موبایل
کد محصول: FL4570
لینک آموزش در سایت:
http://farsilynda.com?option=com_fileshop&view=product&id=3523
Lynda _ Flutter: Part 10 Firebase Cloud Firestore
زبان: انگلیسی
زیرنویس: فارسی و انگلیسی
مدرس: #London_App_Brewery_لندن_App_Brewery
زمان آموزش: 3h 51m
تاریخ تولید: 30-08-2019
گروه بندی:
#برنامه_نویسی_و_توسعه #ابزارهای_برنامه_نویسی_و_توسعه #Flutter #توسعه_دهندگان_برنامه_های_موبایل
کد محصول: FL4570
لینک آموزش در سایت:
http://farsilynda.com?option=com_fileshop&view=product&id=3523
استخدام برنامه نویس سنیور فلاتر
تا 40 میلیون تومان
اگر زیبا نیست پس چیست؟ 🥲
سرسینه رو بدین جلو و برید تو کارش ♨️
Api - dart - Flutter
https://quera.ir/magnet/job/14417?utm_medium=social&utm_source=telegram&utm_campaign=daily0605&utm_content=14417
@flutteri
تا 40 میلیون تومان
اگر زیبا نیست پس چیست؟ 🥲
سرسینه رو بدین جلو و برید تو کارش ♨️
Api - dart - Flutter
https://quera.ir/magnet/job/14417?utm_medium=social&utm_source=telegram&utm_campaign=daily0605&utm_content=14417
@flutteri
This media is not supported in your browser
VIEW IN TELEGRAM
پکیج یه اسلایدر ساده و کاربری موسوم به ایکس اسلایدر ، بقیه امکانات در سایت برسی شود..
flutter xlider
Slider
Ui
https://pub.dev/packages/flutter_xlider
✨✨✨✨✨✨✨✨✨
dependencies:
flutter_xlider: ^3.4.0
import 'package:flutter_xlider/flutter_xlider.dart';
double _lowerValue = 50;
double _upperValue = 180;
FlutterSlider(
values: [300],
max: 500,
min: 0,
onDragging: (handlerIndex, lowerValue, upperValue) {
_lowerValue = lowerValue;
_upperValue = upperValue;
setState(() {});
},
)
.
.
.
@flutteri
flutter xlider
Slider
Ui
https://pub.dev/packages/flutter_xlider
✨✨✨✨✨✨✨✨✨
dependencies:
flutter_xlider: ^3.4.0
import 'package:flutter_xlider/flutter_xlider.dart';
double _lowerValue = 50;
double _upperValue = 180;
FlutterSlider(
values: [300],
max: 500,
min: 0,
onDragging: (handlerIndex, lowerValue, upperValue) {
_lowerValue = lowerValue;
_upperValue = upperValue;
setState(() {});
},
)
.
.
.
@flutteri
This media is not supported in your browser
VIEW IN TELEGRAM
پکیج اسلایدر جالب موسوم به بالون اسلایدر
Balloon slider
Ui
Null safety
https://pub.dev/packages/flutter_balloon_slider
✨✨✨✨✨✨✨✨✨✨
dependencies:
flutter_balloon_slider: "^0.1.1"
import 'package:flutter_balloon_slider/flutter_balloon_slider.dart';
BalloonSlider(
value: 0.5,
ropeLength: 55,
showRope: true,
onChangeStart: (val) {},
onChanged: (val) {},
onChangeEnd: (val) {},
color: Colors.indigo
)
@flutteri
Balloon slider
Ui
Null safety
https://pub.dev/packages/flutter_balloon_slider
✨✨✨✨✨✨✨✨✨✨
dependencies:
flutter_balloon_slider: "^0.1.1"
import 'package:flutter_balloon_slider/flutter_balloon_slider.dart';
BalloonSlider(
value: 0.5,
ropeLength: 55,
showRope: true,
onChangeStart: (val) {},
onChanged: (val) {},
onChangeEnd: (val) {},
color: Colors.indigo
)
@flutteri
بعضیا اسم ویجت بالایی رو با پایینی اشتباه میگیرن چون کلا جا افتاده از جمله خودم اوایل..
اسم اولی اسلایدر slider هست و اسم دومی کروسل carousel
به معنی چرخ فلک هست (:
یه چنتا پکیج خوب و ویدوئو کوتاه هم میزاریم از کروسل های جذاب چون خیلی صفحه های اصلی سایت و home اپ رو زیبا میکنه و مؤثره ..
@flutteri
اسم اولی اسلایدر slider هست و اسم دومی کروسل carousel
به معنی چرخ فلک هست (:
یه چنتا پکیج خوب و ویدوئو کوتاه هم میزاریم از کروسل های جذاب چون خیلی صفحه های اصلی سایت و home اپ رو زیبا میکنه و مؤثره ..
@flutteri