کتابخانه طراحی تایم لاین در Flutter

در این پست کتابخانه بسیار کاربردی را برای طراحی رابط کاربری حالت تایم لاین در فلاتر قصد داریم که معرفی کنیم.

در این کتابخونه تایم لاین های قابل اسکرول به همراه آیکون و لیستی از ویجت های مختلف و میتونید طراحی کنید.

نصب پکیج تایم لاین

برای نصب این کتابخونه فایل 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<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

معرفی کتابخانه Commons