ورود و عضویت
0
سبد خرید شما خالی است
0
سبد خرید شما خالی است

کتابخانه طراحی تایم لاین در 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

flutter time line package

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Hesam
08 ژانویه 2020
آموزش فارسی فلاتر
آموزش فارسی flutter