کتابخانه طراحی تایم لاین در Flutter
ژانویه 8, 2020
ارسال شده توسط Hesam
1.02k بازدید

در این پست کتابخانه بسیار کاربردی را برای طراحی رابط کاربری حالت تایم لاین در فلاتر قصد داریم که معرفی کنیم.
در این کتابخونه تایم لاین های قابل اسکرول به همراه آیکون و لیستی از ویجت های مختلف و میتونید طراحی کنید.
نصب
برای نصب این کتابخونه فایل pubspec.yaml شوید و کد زیر را قرار دهید.
dependencies:
timeline_list: ^0.0.3
امکانات
- سه تراز بندی مختلف: راست, مرکز, چپ
- استفاده از Timeline.builder برای ساخت ویجیت های سفارشی
- قابلیت سفارشی سازی آیکون ها و اندازه آنها
استفاده
برای استفاده از این کتابخانه ابتدا یک لیست از نوع TimelineModel ایجاد میکنید که آیکون و موقعیت آیتم ها را مشخص میکند.
سپس ویجت Timeline را فراخوانی میکنید و لیست خود را به همراه نوع تایم لاین مشخص میکنید.
import 'package:timeline_list/timeline.dart';
import 'package:timeline_list/timeline_model.dart';
List items = [
TimelineModel(Placeholder(),
position: TimelineItemPosition.random,
iconBackground: Colors.redAccent,
icon: Icon(Icons.blur_circular)),
TimelineModel(Placeholder(),
position: TimelineItemPosition.random,
iconBackground: Colors.redAccent,
icon: Icon(Icons.blur_circular)),
];
return Timeline(children: items, position: TimelinePosition.Center);
مخزن کتابخانه: timeline_list

درباره Hesam
حسام رسولیان هستم فارغ التحصیل رشته IT و موسس وبسایت فلاتر لرن - وبسایت شخصی: AtysCode.ir
نوشته های بیشتر از Hesam
دیدگاهتان را بنویسید