ফ্লাটার অ্যাপ মাল্টি প্লাটফর্ম হওয়াতে কোন ফাইল সেভ করা একটু কমপ্লিকেটেড। একাধিক ডিভাইসের পারমিশন দেখতে হয়। আবার একেক ডিভাইসে একেক নিয়ম। আমি কয়েকটা প্যাকেজ ট্রাই করেছি। সবচেয়ে সহজ একটা প্যাকেজ হচ্ছে document_file_save_plus। এটার প্যাকেজ ডিরেক্টরিতে যে ভার্সন রয়েছে, তা দেখতেছি অনেক পুরাতন। গিটহাব থেকে লেটেস্ট ভার্সন ব্যবহার করতে পারিঃ বাকি কাজ সহজঃ অ্যান্ড্রয়েডের ক্ষেত্রে এই … Read more
ফ্লাটার অ্যাপ থেকে ইউজারের গুগল ড্রাইভে ইউজার ডেটা ব্যাকআপ রাখার অপশন দিতে পারি। হোয়াটসঅ্যাপে যেমন ব্যাকআপ রাখা যায়, তেমন আরকি। এর জন্য প্রথমে গুগল ক্লাউড কনসোলে গিয়ে একটা অ্যাপ তৈরি করে নিতে হবে। এর জন্য ফায়ারবেজ লাগবে না। প্রজেক্টের যে কোন নাম দিতে পারব। কয়েকটা স্টেপ আমাদের ফলো করতে হবে। ১) গুগল ড্রাইভ এপিআই এনাবল … Read more
অ্যাপল তাদের সব গুলো অপারেটিং সিস্টেমকে ইউনিফাইড ভার্সন নেইমের পাশাপাশি ইউনিফাইড ডিজাইনে নিয়ে এসেছে। সব গুলোতেই এখন একই ডিজাইন (লিকুইড গ্লাস) দেখা যাবে। এই ডিজাইনের অরিজিনাল নাম হচ্ছে গ্লাসমরফিজম। যেটা অনেক আগে থেকেই বিভিন্ন অপারেটিং সিস্টেম, অ্যাপে ব্যবহৃত হয়ে আসছে। ফ্লাটারে ন্যাটিভলি কন্টেইনারে অপাসিটি সেট করে গ্লাসমরফিজম ইউআই তৈরি করতে পারি। তবে glassmorphism নামে ফ্লাটারের … Read more
ফ্লাটার অ্যাপের কমন একটা সমস্যা হচ্ছে প্যাকেজের ‘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