ফ্লাটার অ্যাপের কমন একটা সমস্যা হচ্ছে প্যাকেজের ‘No such file or directory’ এরর। এটার জন্য যে স্টেপ গুলো আমরা ফলো করতে পারিঃ ফ্লাটার ক্যাশ ক্লিন এরপরও সমাধান না হলে ক্যাশ ফোল্ডার ক্লিন করাঃ এরপর ডিপেন্ডেন্সি বা প্যাকেজ গুলো রি-ইন্সটল করাঃ আইওএসের ক্ষেত্রে পড ফাইল রিসেট করাঃ এরপর আশা করি সমস্যা সমাধান হবে। অ্যান্ড্রয়েডের ক্যাশ এবং … Read more
ফ্লাটার অ্যাপে খুব সহজে আমরা টপবার, বটমবার, ড্রয়ার এমনকি বটমশীট ন্যাভিগেশন যোগ করতে পারি। এর আগে আমরা ফ্লাটারে ন্যাভিগেশন সম্পর্কে জেনেছি। এবার প্রথমে দেখি কিভাবে বটমবার ন্যাভিগেশন তৈরি করা যায়। আউটপুট পাবো এমনঃ এখানে অ্যাপের এন্ট্রি পয়েন্টে আমরা হোম হিসেবে BottomNavScreen সেট করেছি। যেখানে Scaffold এ bottomNavigationBar প্রোপার্টি ব্যবহার করে তিনটা আইটেম যোগ করেছি। কোন … Read more
ফ্লাটার ব্যবহার করে ক্রস প্লাটফর্ম অ্যাপ তৈরি করা সহজ। অ্যাপ বিল্ড করাও সহজ। তবে অ্যাপ পাবলিশ করার জন্য কিছু স্টেপ ফলো করতে হয়। যেমন অ্যাপ আইকন, অ্যাণ্ড্রয়েডের জন্য অ্যাপ সাইন করা, আইওএসের জন্য ডেভেলপার একাউন্ট সেট করা ইত্যাদি। এগুলোর জন্য একাধিক প্রসেস রয়েছে। তবে আমি যে প্রসেস ফলো করি, তা দেখাচ্ছি। সবার আগে দরকার অ্যাপ … Read more
ফ্লাটারে HTML টেবিল স্টাইল ভিউ তৈরি করার জন্য টেবিল উইজেট ব্যবহার করা হয়। যেমনঃ যার আউটপুট পাবো এমনঃ কোডিং স্টাইলও অনেকটা HTML টেবিলের মত। TableRow দিয়ে প্রয়োজন মত রো যোগ করতে পারব। tableCell ব্যবহার করে রো এর চাইল্ড গুলো যোগ করতে হয়। সব গুলো রোতে সমান পরিমাণ চাইল্ড থাকতে হয়। GridView উইজেট গ্রিড স্টাইলে যেমন … Read more
স্ট্যাক উইজেটের সাহায্যে এর চাইল্ড গুলোকে একটার উপর আরেকটা ওভারল্যাপ করে সাজানো যায়। যেমনঃ যেখানে চাইল্ড গুলো একটার উপর আরেকটা ওভারল্যাপ করে রাখবে। এখানে একটা রিয়েল ওয়ার্ল্ড উদাহরণ দেখিঃ এখানে প্রোপাইল ইমেজে একটা ব্যাজ যোগ করেছি আমরা। IndexedStack ইনডেক্স স্ট্যাক রেগুলার স্ট্যাকের মতো, কিন্তু একবারে শুধু একটি চাইল্ড দেখায়। উপরের উদাহরণে আমরা একটা বাটন যোগ … Read more
ফ্লাটারে অনেক গুলো লেআউট উইজেট রয়েছে। যেগুলো ব্যবহার করে সুন্দর এবং রেসপনসিভ ইউআই ডিজাইন করা যায়। নিচে গুরুত্বপূর্ণ লেআউট উইজেটগুলোর লিস্ট দেওয়া হলো: সিঙ্গেল চাইল্ড লেআউট উইজেট (Single Child Layout) এই উইজেটগুলো শুধুমাত্র একটি চাইল্ড রাখতে পারে। যদিও আবার এই উইজেট গুলোর ভেতর আমরা চাইলে মাল্টি চাইল্ড লেআউট যোগ করতে পারব। উপরের সব গুলো লেআউট … Read more
একাধিক চাইল্ড সাজানোর জন্য বেশ কিছু লেয়াউট রয়েছে। এগুলোর মধ্যে রয়েছে ডিরেকশনাল, ওভারল্যাপিং ও টেবিল স্টাইল লেআউট। এই লেখায় আমরা ফ্লাটারের ডিরেকশনাল লেআউট সম্পর্কে জানব। Row (Horizontal Layout) Row উইজেট ব্যবহার করে এর চাইল্ড গুলোকে হরিজন্টালি (লেফট টু রাইট) সাজানো যায়। যেমনঃ যার আউটপুট পাবো এমনঃ এখানে MainAxisAlignment.spaceEvenly মডিফায়ার দিয়ে চাইল্ড গুলোতে সমাজ স্পেস যোগ … Read more
ফ্লাটারে বেশ কিছু সিঙ্গেল চাইল্ড লেআউট উইজেট রয়েছে। এগুলো মূলত কন্টেইনার। এগুলোর ভেতর আমরা যে কোন টেক্সট, ইমেজ সহ অন্যান্য উইজেট যোগ করতে পারি। তবে এগুলোতে একটা চাইল্ড যোগ করা যাবে। আমরা চাইলে এগুলোর মধ্য অন্য মাল্টি চাইল্ড লেআউট উইজেট যেমন লিস্ট, গ্রিড ইত্যাদি যোগ করতে পারব। কন্টেইনার উইজেট প্যাডিং, মার্জিন, বর্ডার, ব্যাকগ্রাউন্ড কালার ইত্যাদি … Read more
ফ্লাটার অ্যাপে এক স্ক্রিন থেকে অন্য স্ক্রিনে যাওয়ার জন্য রয়েছে Navigator.push()। আবার ব্যাক যাওয়ার জন্য রয়েছে Navigator.pop()। এখানে একটা উদাহরণ দেখিঃ উপরের কোডে আমরা দুইটা স্ক্রিন/ উইজেট তৈরি করেছি। একটা হচ্ছে হোম স্ক্রিন। আরেকটা হচ্ছে সেকেন্ড স্ক্রিন। হোম স্ক্রিনে একটা বাটন যোগ করেছি। যেখানে ক্লিক করলে সেকেন্ড স্ক্রিনে ন্যাভিগেট করবে। নতুন একটা স্ক্রিনে গেলে অটোমেটিক … Read more
স্ক্রলেবল আইটেম দেখানোর জন্য লিস্টভিউ ব্যবহার করা হয়। এখানে ব্যাসিক লিস্টভিউ এর ব্যবহার দেখানো হয়েছেঃ এখানে লিস্ট ভিউ এর ভেতর আমরা তিনটা টেক্সট উইজেট যোগ করেছি। এখানে যে কোন উইজেট আমরা ব্যবহার করতে পারব। ListView.builder ডাইন্যামিক্যালি লিস্টভিউ তৈরি করার জন্য রয়েছে ListView.builder। এখানে একটা উদাহরণ দেখিঃ এখানে প্রথমে items নামে একটা ডামি লিস্ট তৈরি করে … Read more