ফ্লাটারের সিঙ্গেল চাইল্ড লেআউট উইজেট

ফ্লাটারে বেশ কিছু সিঙ্গেল চাইল্ড লেআউট উইজেট রয়েছে। এগুলো মূলত কন্টেইনার। এগুলোর ভেতর আমরা যে কোন টেক্সট, ইমেজ সহ অন্যান্য উইজেট যোগ করতে পারি। তবে এগুলোতে একটা চাইল্ড যোগ করা যাবে। আমরা চাইলে এগুলোর মধ্য অন্য মাল্টি চাইল্ড লেআউট উইজেট যেমন লিস্ট, গ্রিড ইত্যাদি যোগ করতে পারব। কন্টেইনার উইজেট প্যাডিং, মার্জিন, বর্ডার, ব্যাকগ্রাউন্ড কালার ইত্যাদি … Read more

ফ্লাটারে ন্যাভিগেশন

ফ্লাটার অ্যাপে এক স্ক্রিন থেকে অন্য স্ক্রিনে যাওয়ার জন্য রয়েছে Navigator.push()। আবার ব্যাক যাওয়ার জন্য রয়েছে Navigator.pop()। এখানে একটা উদাহরণ দেখিঃ উপরের কোডে আমরা দুইটা স্ক্রিন/ উইজেট তৈরি করেছি। একটা হচ্ছে হোম স্ক্রিন। আরেকটা হচ্ছে সেকেন্ড স্ক্রিন। হোম স্ক্রিনে একটা বাটন যোগ করেছি। যেখানে ক্লিক করলে সেকেন্ড স্ক্রিনে ন্যাভিগেট করবে। নতুন একটা স্ক্রিনে গেলে অটোমেটিক … Read more

ফ্লাটার লিস্ট ভিউ

স্ক্রলেবল আইটেম দেখানোর জন্য লিস্টভিউ ব্যবহার করা হয়। এখানে ব্যাসিক লিস্টভিউ এর ব্যবহার দেখানো হয়েছেঃ এখানে লিস্ট ভিউ এর ভেতর আমরা তিনটা টেক্সট উইজেট যোগ করেছি। এখানে যে কোন উইজেট আমরা ব্যবহার করতে পারব। ListView.builder ডাইন্যামিক্যালি লিস্টভিউ তৈরি করার জন্য রয়েছে ListView.builder। এখানে একটা উদাহরণ দেখিঃ এখানে প্রথমে items নামে একটা ডামি লিস্ট তৈরি করে … Read more

ফ্লাটার টেক্সট ফিল্ড

টেক্সট ইনপুট নেওয়ার জন্য টেক্সট ফিল্ড ব্যবহার করা হয়। চারপাশে বর্ডার যুক্ত একটা টেক্সট ফিল্ড আমরা এভাবে ব্যবহার করতে পারিঃ এখানে decoration প্রোপার্টি অপশনাল। decoration প্রোপার্টি ব্যবহার করে টেক্সট ফিল্ডে লেভেল এবং বর্ডার যোগ করেছি। সম্পূর্ণ প্রজেক্টঃ যার আউটপুট পাবো এমনঃ ইনপুট দিতে পারি কিন্তু ইনপুট নিয়ে কিছুই করছি না। ইনপুট নেওয়ার পর সেগুলো নিয়ে … Read more

ফ্লাটার বাটন

ফ্লাটারে অনেক ধরণের বাটন ব্যবহার করা যায়। যেমন কমন বাটন উইজেট হচ্ছে ElevatedButton। যা এভাবে ব্যবহার করা যায়ঃ সিম্পল টেক্সট বাটন ব্যবহার করতে চাইলে রয়েছে TextButton উইজেটঃ বাটনের চারপাশে যদি বর্ডার চাই, তাহলে রয়েছে OutlinedButton উইজেটঃ কোন আইকনকে বাটন হিসেবে ব্যবহার করার জন্য রয়েছে IconButton উইজেটঃ বাটনে আমরা যে কোন স্টাইল যোগ করতে পারি। যেমন … Read more

ফ্লাটারে ইমেজ

ফ্লাটার অ্যাপে ইমেজ যোগ করার জন্য রয়েছে ইমেজ উইজেট। লোকাল অথবা যে কোন URL থেকে আমরা ইমেজ দেখাতে পারি। প্রথমে দেখি কিভাবে URL থেকে ইমেজ দেখানো যায়। যার জন্য এভাবে লিখতে পারিঃ এতটুকুই। সম্পূর্ণ অ্যাপঃ এখন যে ইমেজটা আমরা লোড করব, তা অনেক বড় হতে পারে। অ্যাপে সুন্দর ভাবে নাও দেখাতে পারে। আর তাই বিভিন্ন … Read more

ফ্লাটার টেক্সট

যে কোন অ্যাপের বিল্ডিংন ব্লক হচ্ছে টেক্সট। সব আপেই কোন না কোন টেক্সট দেখানো লাগে। ফ্লাটার অ্যাপে টেক্সট দেখানোর জন্য রয়েছে Text উইজেট। যা নিচের মত করে ব্যবহার করা হয়ঃ যেমন সম্পূর্ণ প্রজেক্টঃ কোন টেক্সটে স্টাইল যোগ করার জন্য রয়েছে style প্রোপার্টি। যা ব্যবহার করে টেক্সটে যে কোন স্টাইল যোগ করতে পারি। যেমন ফন্ট সাইজ … Read more

ফ্লাটারে সূচনা

ফ্লাটার ইন্সটল ফ্লাটারে কাজ করার সবচেয়ে ভালো উপায় হচ্ছে ভিজ্যুয়াল স্টুডিও কোড। ভিজ্যুয়াল স্টুডিও কোডের জন্য ফ্লাটার এক্সটেনশন রয়েছে। তা ইন্সটল করে ফ্লাটার প্রজেক্ট তৈরি করা যায়। তবে শুরু করার জন্য সহজ হচ্ছে এন্ড্রয়েড স্টুডিও। এন্ড্রয়েড স্টুডিও ডাউনলোড করার পর ফ্লাটার প্লাগিন ইন্সটল করে নিতে হবে। তাহলে New Flutter Project অপশন পাওয়া যাবে। উপরের ফ্লাগিন … Read more

iOS এর জন্য ফটো ফিল্টার অ্যাপ তৈরি

অ্যাপল প্লাটফর্মে ইমেজ নিয়ে কাজ করার জন্য রয়েছে কোর ইমেজ ফ্রেমওয়ার্ক। যেখানে বিল্টইন ২০০+ ফিল্টার রয়েছে। প্রয়োজন অনুযায়ী যেগুলো আমরা আমাদের প্রজেক্টে ব্যবহার করতে পারি। এমনকি চাইলে নিচের মত করে সব গুলো ফিল্টারের লিস্ট বের করতে পারিঃ পুরা উদাহরণঃ আমরা দেখব ২০০+ ফিল্টারের লিস্ট।  যেমন একটা ইমেজে Sepia ফিল্টার প্রয়োগ করার জন্য এভাবে কোড … Read more

কটলিন মাল্টিপ্ল্যাটফর্ম, কম্পোজ মাল্টিপ্ল্যাটফর্ম ও জেটপ্যাক কম্পোজের পার্থক্য

কটলিন মাল্টিপ্ল্যাটফর্ম কটলিন ব্যবহার করে খুব সহজে একাধিক প্ল্যাটফর্মের জন্য অ্যাপ তৈরি করা যায়। অন্য সব মাল্টিপ্ল্যাটফর্মের সাথে এর কিছু পার্থক্য রয়েছে। কটলিন মাল্টি-প্ল্যাটফর্ম অ্যাপের UI ন্যাটিভে লিখতে পারব। শুধু মাত্র বিজনেস লজিক একাধিক প্ল্যাটফর্মে আমরা শেয়ার করতে পারব। এর মানে iOS এর জন্য SwiftUI ব্যবহার করে UI কোড লিখতে পারব। আবার এন্ড্রয়েডের জন্য Jetpack … Read more