ফ্লাটার অ্যাপে ফেসবুক অথেনটিকেশন

ফেসবুক ব্যবহার করে অ্যাপে লগিন ফিচার যোগ করার জন্য flutter_facebook_auth ব্যবহার করতে পারি। এর জন্য প্রথমে ফেসবুক ডেভেলপার কনসোল থেকে একটা অ্যাপ তৈরি করে নিতে হবে। Create App বাটনে ক্লিক করলে অ্যাপের তথ্য দিতে পারব। এর পরের স্টেপে এই অ্যাপের ইউজকেস সিলেক্ট করতে হবে। আমরা যেহেতু ফেসবুক লগিন ব্যবহার করব, তাই Authenticate and request data … Read more

ফ্লাটার অ্যাপে গুগল অথেনটিকেশন

ফ্লাটারে গুগল ব্যবহার করে লগিন করার জন্য অফিশিয়াল প্যাকেজ রয়েছে। ফ্লাটারে ব্যবহার করার জন্য একটা ওয়েব ক্লায়েন্ট তৈরি করতে হবে। এর জন্য গুগল ডেভেলপার কনসোল থেকে একটা অ্যাপ তৈরি করতে হবে। এরপর Google Auth Plantform > Clients থেকে নতুন একটা ওয়েব ক্লায়েন্ট তৈরি করতে হবে। তৈরি করার পর একটা আইডি পাবো। ঐ আইডি ব্যবহার করে … Read more

ফায়ারবেজ ফাংশন নিয়ে বিস্তারিত

যারা ফায়ারবেজ নিয়ে কাজ করে, তাদের মাঝে মধ্যে ফায়ারবেজ ফাংশন নিয়ে কাজ করতে হয়। ফায়ারবেজ ফাংশন কি, কিভাবে লিখতে হয় এসব নিয়ে জানব এই লেখায়। ফায়ারবেজ ফাংশন বা ক্লাউড ফাংশন হচ্ছে একটা ফ্রেমওয়ার্ক, যেখানে কোন সার্ভার ছাড়াই ব্যাকেন্ড কোড রান করতে পারি। সাধারণত আমরা যখন ফায়ারবেজ স্টোরেজ, অথেনটিকেশন ব্যবহার করে কোন অ্যাপ তৈরি করি, তখন … Read more

ফ্লাটার অ্যাপ থেকে ফাইল সেভ করা

ফ্লাটার অ্যাপ মাল্টি প্লাটফর্ম হওয়াতে কোন ফাইল সেভ করা একটু কমপ্লিকেটেড। একাধিক ডিভাইসের পারমিশন দেখতে হয়। আবার একেক ডিভাইসে একেক নিয়ম। আমি কয়েকটা প্যাকেজ ট্রাই করেছি। সবচেয়ে সহজ একটা প্যাকেজ হচ্ছে 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