شرح كيفية عمل post للبيانات من نوع params داخل الapi في flutter
احيانا عندما نتعامل مع الapi يكون الbackend بوضع الbody الذي يحتاحه من المستخدم بداخل params وتكون هذه مشكلة ولكن بعد مقالة اليوم لن تعاني من مشكلة التعامل مع الparams في فلاتر , حيث ان الparams في الnative كنا نقوم بإرسالها عن طرق الاستعلام ولكن هنا الامر يختلف قليلا يوجد اكثر من طريق للتعامل ولكن سوف نشرح لكم ابسط طريقة لن تناسها لكي تستطيع تخطي هذه المشكلة في المرات المقبلة بكل سهوله .
تُستخدم لغة البرمجة Dart في تطبيقات Flutter. تشترك Dart كثيرًا مع اللغات الحالية الأخرى مثل Kotlin و Swift. يمكن أيضًا تحويل Dart إلى كود JavaScript. تحقق من البرنامج التعليمي Dart Basics إذا كنت تريد معرفة المزيد عن Dart قبل متابعة هذا البرنامج التعليمي Flutter.
Flutter هو أكثر إطار عمل متعدد المنصات تشابهًا مع React Native. كلاهما يدعم أنماط البرمجة التفاعلية والتصريحية. لا يتطلب Flutter ، بخلاف React Native ، جسر JavaScript ، مما يسرع تشغيل التطبيق والأداء العام. يتم استخدام التجميع المسبق (AOT) بواسطة Dart للقيام بذلك.
يدعم Dart أيضًا تجميع Just-In-Time (JIT). يساعد تجميع JIT من Flutter سير عمل التطوير من خلال تمكين إمكانية إعادة التحميل السريع لتحديث واجهة المستخدم أثناء تطويرها.
كيفية اضافة بيانات في الparams داخل flutter
ببساطة نلاحظ ان الرابط الخاص بنا يكون عباره عن endpoint ويليها علامة الاستفهام ؟ وبعدها = وبعدها اسم القيمة وقيمتها , ما سنقوم به اننا سوف نضغط الرابط كامل كما هو ولكن سوف نستبدل العناصر التي نريدها مثل بيانات القيمة والendpoint وبهذا نكون قد تخلصنا من مشكلة الparams بكل سهوله .
example.dart
// from api : /remove_book_saved?bookID=####
abstract class Repository {
Future<Response> removeSaveBookRepo({
required String bookID,
});
}
class RepoImplementation extends Repository {
final DioHelper dioHelper;
final CacheHelper cacheHelper;
RepoImplementation({
required this.dioHelper,
required this.cacheHelper,
});
@override
Future<Response> removeSaveBookRepo({
required String bookID,
}) async {
return await dioHelper.post(
url: '$removeSavedBooksUrl?bookID=$bookID',
token: token,
);
}
}
مزيد من مقالات فلاتر المفيده
