در این پست کتابخانه بسیار کاربردی را برای طراحی رابط کاربری حالت تایم لاین در فلاتر قصد داریم که معرفی کنیم.
در این کتابخونه تایم لاین های قابل اسکرول به همراه آیکون و لیستی از ویجت های مختلف و میتونید طراحی کنید.
برای نصب این کتابخونه فایل pubspec.yaml شوید و کد زیر را قرار دهید.
dependencies:
timeline_list: ^0.0.3
امکانات
نحوه استفاده
برای استفاده از این کتابخانه ابتدا یک لیست از نوع TimelineModel ایجاد میکنید که آیکون و موقعیت آیتم ها را مشخص میکند.
سپس ویجت Timeline را فراخوانی میکنید و لیست خود را به همراه نوع تایم لاین مشخص میکنید.
import 'package:timeline_list/timeline.dart';
import 'package:timeline_list/timeline_model.dart';
List<TimelineModel> 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