জাকিরের টেক ডায়েরি

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

একাধিক চাইল্ড সাজানোর জন্য বেশ কিছু লেয়াউট রয়েছে। এগুলোর মধ্যে রয়েছে ডিরেকশনাল, ওভারল্যাপিং ও টেবিল স্টাইল লেআউট। এই লেখায় আমরা ফ্লাটারের ডিরেকশনাল লেআউট সম্পর্কে জানব। Row (Horizontal Layout) Row উইজেট ব্যবহার করে এর চাইল্ড গুলোকে হরিজন্টালি (লেফট টু রাইট) সাজানো যায়। যেমনঃ যার আউটপুট পাবো এমনঃ এখানে MainAxisAlignment.spaceEvenly মডিফায়ার দিয়ে চাইল্ড গুলোতে সমাজ স্পেস যোগ … Read more

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

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

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

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

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