courselist_page.dart

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:youtube_explode_dart/youtube_explode_dart.dart';

class CourseListPage extends StatefulWidget {
  var yt = YoutubeExplode();
  static String routeName = 'courseListPage';
  final int itemCount;
  final DocumentSnapshot courses;
  List<dynamic> _videoUrls = [];
  List<String> _videoIds = [];
  List<dynamic> videoTitles = [];
  List<Video> _videoModels = [];

  CourseListPage(
      {Key key,
      @required this.courses,
      @required List<String> videoUrls,
      @required this.itemCount,
      @required List<String> videoIds})
      : _videoUrls = videoUrls,
        _videoIds = videoIds,
        super(key: key) {
    // print('============> VideoIds : ${videoIds} <============');
  }

  void getTitles() async {
    // videoTitles = _videoUrls.map<String>((e) => e.toString()).toList();
    videoTitles = _videoModels.map((e) => e.title).toList();
    for (int i = 0; i < _videoIds.length; i++) {
      videoTitles
          .add(await yt.videos.get(_videoIds[i].toString()).then((value) {
        print('==========> ${value.title}<===============');
        print('==========> $videoTitles<===============');

        return value.title;
      }));
    }
  }

  @override
  _CourseListPageState createState() => _CourseListPageState();
}

class _CourseListPageState extends State<CourseListPage> {
  @override
  void initState() {
    widget.getTitles();
    print('============> VideoIds : ${widget._videoIds} <============');

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return SafeArea(
      child: Scaffold(
        body: SingleChildScrollView(
          child: Container(
            height: size.height * 0.8,
            child: ListView.builder(
              shrinkWrap: true,
              itemCount: widget.videoTitles.length,
              itemBuilder: (context, index) {
                print('<============>${widget.videoTitles.length}');
                //print(('============>${widget.videoTitles[1]}'));
                return widget.videoTitles.isEmpty
                    ? Center(
                        child: CircularProgressIndicator(),
                      )
                    : ListTile(
                        title: Text('${widget.videoTitles[index]}',
                            style: TextStyle(
                                color: Colors.red,
                                fontWeight: FontWeight.bold)),
                      );
              },
            ),
          ),
        ),
      ),
    );
  }
}

/*
ListView.builder(
      itemBuilder: (BuildContext context, int index) {
        DocumentSnapshot courses = widget.snapshot.data.docs[index];
        return !widget.snapshot.hasData
            ? Center(
                child: CircularProgressIndicator(),
              )
            : ListTile(
                title: courses['courseItems'],
              );
  },
);
  */