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 {
  static String routeName = 'courseListPage';
  final DocumentSnapshot courses;
  List<dynamic> videoUrls = [];
  List<String> videoTitles = [];

  var yt = YoutubeExplode();

  void getTitles() async {
    for (int i = 0; i < videoUrls.length; i++) {
      var video = await yt.videos.get(videoUrls[i]);
      videoTitles[i] = video.title;
      print(
          ' =======================> ${videoTitles[i]}<========================');
    }
  }

  CourseListPage({
    Key key,
    @required this.courses,
    this.videoUrls,
  }) : super(key: key);

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

class _CourseListPageState extends State<CourseListPage> {
  @override
  void initState() {
    widget.getTitles();
    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(
              itemCount: widget.videoUrls.length,
              itemBuilder: (context, index) {
                print('============>${widget.videoUrls.length}');
                for (int i = 0; i < widget.videoUrls.length; i++) {
                  print('=========> ${widget.videoUrls.length}<===\n');
                }
                return ListTile(
                  title: Text('${widget.videoTitles[index]}'),
                );
              },
            ),
          ),
        ),
      ),
    );
  }
}

/*
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'],
              );
  },
);
  */