کتابخانه طراحی تایم لاین در Flutter
ژانویه 8, 2020
ارسال شده توسط Hesam
2.58k بازدید
در این پست کتابخانه بسیار کاربردی را برای طراحی رابط کاربری حالت تایم لاین در فلاتر قصد داریم که معرفی کنیم.
در این کتابخونه تایم لاین های قابل اسکرول به همراه آیکون و لیستی از ویجت های مختلف و میتونید طراحی کنید.
نصب
برای نصب این کتابخونه فایل 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
مطالب زیر را حتما مطالعه کنید
آموزش پیاده سازی دیتابیس ObjectBox در فلاتر
ذخیره سازی اطلاعات بصورت محلی داخل اپلیکیشن و یا در یک سرور ابری یکی از...
آموزش اتصال اپلیکیشن فلاتر به پرینتر بلوتوثی
پرینترهایی که از تکنولوژی بلوتوث پشتیبانی میکنند این امکان را فراهم میکنند تا بدون نیاز...
آموزش پیاده سازی معماری MVVM در فلاتر
اگر یک مهندس نرم افزار یا برنامه نویس تازه کار هستید حتما در پروژه هایی...
روش های افزایش امنیت اپلیکیشن در فلاتر
به عنوان یک برنامه نویس وظیفه شما تنها طراحی یک اپلیکیشن موبایل زیبا و کاربردی...
آموزش کار با پکیج Freezed در فلاتر
اگر با زبان هایی مثل کاتلین در طراحی اپلیکیشن های اندرویدی کار کرده باشید شاهد...
آموزش ویجت SafeArea در فلاتر
همانظور که می دانید در تولید صفحات گوشی در برندهای مختلفت نوع استفاده از محل...
دیدگاهتان را بنویسید