حل مشكلة Flutter Unhandled Exception: FormatException: Unexpected character

الخطأ Unhandled Exception: FormatException: Unexpected character يشير أن البيانات المستقبلة ليست بالتنسيق المطلوب

إن حصولك على response.statusCode == 200 لايعني وجود بيانات، إنما إكمال الاتصال بشكل صحيح.لاحظ أنه عند جلب بيانات المستخدم يكون تنسيقها JSON وعند الفشل تكون نص عادي.. هذا الاختلاف يجب التعامل معه بشكل جيدة

json.decode ضمن شيفرة Flutter يتعامل مع ناتج الرد والذي يعمل بشكل صحيح إن أرسل البيانات بشكل json_encode

ولاحظ في شيفرتك، إن لم يتم جلب بيانات المستخدم، سوف ترسل ردين للهاتف في else وآخر عبارة echo

if ($result) {
 
 
	 while($row[] = $result->fetch_assoc()) {
	 
	 $item = $row;
	 
	 $json = json_encode($item, JSON_NUMERIC_CHECK);
	 
	 }
 
} else {
  
   echo "No Data Found."; // لايوجد مستخدم
}
 echo $json;   /// سوف تعمل على كل حال

لاختصار المشكلة، سوف نعيد رد وحيد للتطبيق:

    $data = array();
    $result = $con->query($sql);

    while($row = $result->fetch_assoc()) {
        $data[] = $row;
    }

    echo json_encode($data);

سيصبح تحويل البيانات كهذا:

<?php

$json = [];
$result = $stmt->get_result();
if ($result) {
    while ($row = $result->fetch_assoc()) {
        $json[] = $row;
    }
}
echo json_encode($json, JSON_NUMERIC_CHECK);
$con->close();

json_encod ستعمل مرة واحدة مهما كانت القيمة المخزنة في json$ حتى لو فارغة ستعيد كائن فارغ له تنسيق json وهذا لن يسبب خطأ

الآن اكمل معالجة الموضوع في Flutter حيث أن القائمة flowersJsonData ستكون فارغة.. مما يرد flowers فارغة 

أي ضمن جزء العرض، اجعل الواجهة تعرض "مستخدم غير معرف مثلا" أو أي شيئ يدل على عدم وجود هذا المستخدم

تعديل على سوالي الثاني :  تم الحل اخي الكريم شكرا لك وللفائده كالتالي :

المشكله كانت بعد تعديل بطريقةالمشار اليها في الاعلى من الاخ @Wael Aljamal كل الشكر لك اخي الكريم.

نحن في حاجة الى اظهار نص او صورة للمستخدم في حالة كانت القائمة فارغة و طريقة الحل كانت بتحقق من القائمة في البداية 

مثال على الحل منقول:

Widget getTasListView() {
        return arrList.isNotEmpty
            ? ListView.builder(
                itemCount: arrList.length,
                itemBuilder: (BuildContext context, int position) {
                  return Card(
                    color: Colors.white,
                    elevation: 2.0,
                    child: Column(
                      children: <Widget>[
                        ListTile(
                          title: Text(this.list[position].task),
                          onLongPress: () =>
                              navigateToDetail(this.list[position], 'Edit Task'),
                        )
                      ],
                    ),
                  );
                })
            : Center(child: Image.asset("path/image/img.png"));
      }

هنا تم التحقق في البداية اذا كانت ليست فارغة وفي حالة انها فارغة تظهر صورة للمستخدم