تحديد قيمة او عدد Dots في PageView في flutter

يمكنك تمرير عدد List المستخدمة إلى Widget BuildDots بحيث في شرط التكرار 

for(int i=0; i<MAX; i++){
	....
}

يكون مثلا متغير i أصغر من عدد List بهذا الشكل 

filteredUsers.length

فيصبح شرك التكرار بهذا الشكل 

for(int i=0; i<filteredUsers.length; i++){
	....
}

يمكنك تجربة ذلك 

  بتاريخ On 22‏/5‏/2021 at 10:33 قال مروان مروان3:

لقد نجح الامر

شكرا لك اخي الكريم

أظهر المزيد  

هل يمكنك وضع الكود كاملا هنا بعد نجاحه ليستفيد منه الاخرين. 

  بتاريخ On 22‏/5‏/2021 at 10:23 قال بلال زيادة:

يمكنك تمرير عدد List المستخدمة إلى Widget BuildDots بحيث في شرط التكرار 

for(int i=0; i<MAX; i++){
	....
}

يكون مثلا متغير i أصغر من عدد List بهذا الشكل 

filteredUsers.length

فيصبح شرك التكرار بهذا الشكل 

for(int i=0; i<filteredUsers.length; i++){
	....
}

يمكنك تجربة ذلك 

أظهر المزيد  

لقد نجح الامر

شكرا لك اخي الكريم

  بتاريخ On 22‏/5‏/2021 at 10:34 قال بلال زيادة:

هل يمكنك وضع الكود كاملا هنا بعد نجاحه ليستفيد منه الاخرين. 

أظهر المزيد  

بطبع اخي الكريم

الكود بعد التعديل اصبح كالتالي:

class BadUserMain extends StatefulWidget {
  
  @override
  State<StatefulWidget> createState() {
    return new JsonImageListWidget();
  }
}

class JsonImageList extends StatefulWidget {

  JsonImageListWidget createState() => JsonImageListWidget();

}

class JsonImageListWidget extends State {


  List<UsersData> users = List();
  List<UsersData> filteredUsers = List();

  int page = 0;
  



  var apiURL;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();


    FetchUserData().then((value) {
      setState(() {
        users.addAll(value);
        filteredUsers = users;
      });
    });
  }


  Future<List<UsersData>> FetchUserData() async {
    apiURL = 'https://*****************.php';
    var response = await http.post(Uri.parse(apiURL));
    
    if (response.statusCode == 200) {
      final items = json.decode(response.body).cast<Map<String, dynamic>>();
      List<UsersData> listOfFruits = items.map<UsersData>((json) {
        return UsersData.fromJson(json);
      }).toList();

      return listOfFruits;

      throw Exception('Failed to load data from Server.');
    }
  }





  @override
  Widget build(BuildContext context) {
    return
      Scaffold(
        body: SingleChildScrollView(
        child: Column(
        children: <Widget>[
        Card(
        shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(0)),
    elevation: 2,
    margin: EdgeInsets.all(0),
    child: Container(
      width: double.infinity,
      height: 400,
    child: Stack(
        children: <Widget>[
   PageView.builder(

       onPageChanged: onPageViewChange,
              itemCount: filteredUsers.length,
              itemBuilder: (BuildContext context, int index) {
                return Container(

                                child: Column(
                                  children: <Widget>[

                                InkWell(
                                        child: Image.network(
                                    filteredUsers[index].     image.toString(),
                                          width: double.infinity,
                                          height: 400,
                                          fit: BoxFit.cover,
                                        ),
                              
                                        ),
                                        ]
                                    ),



                );
              }
          ),
          Align(
            alignment: Alignment.bottomCenter,
            child: Container(
              height: 40,
              decoration: BoxDecoration(
                  gradient: LinearGradient(
                      begin: Alignment.topCenter,
                      end: Alignment.bottomCenter,
                      colors: [Colors.black.withOpacity(0.0), Colors.black.withOpacity(0.5)])
              ),
              child: Align(
                alignment: Alignment.center,
                child: buildDots(context),
              ),
            ),
          )
      ]

    ),
    )
    )
    ]
        )
        ),


      );

  }


  void onPageViewChange(int _page) {
    page = _page;
    setState(() {});
  }

  Widget buildDots(BuildContext context){
    Widget widget;

    List<Widget> dots = [];
    for(int i=0; i<filteredUsers.length; i++){
      Widget w = Container(
        margin: EdgeInsets.symmetric(horizontal: 5),
        height: 8,
        width: 8,
        child: CircleAvatar(
          backgroundColor: page == i ? Colors.blue : Colors.grey[100],
        ),
      );
      dots.add(w);
    }
    widget = Row(
      mainAxisSize: MainAxisSize.min,
      children: dots,
    );
    return widget;
  }


}