course content page

import 'package:flutter/material.dart';


void main() => runApp(MyApp());


class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Video Course Content',

      theme: ThemeData(

        primarySwatch: Colors.blue,

      ),

      home: CourseContentPage(),

    );

  }

}


class CourseContentPage extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text('Course Name'),

      ),

      body: SingleChildScrollView(

        child: Column(

          crossAxisAlignment: CrossAxisAlignment.stretch,

          children: [

            Container(

              height: 200,

              color: Colors.grey, // Placeholder for video player

              child: Center(

                child: Icon(

                  Icons.play_circle_fill,

                  size: 64,

                  color: Colors.white,

                ),

              ),

            ),

            Padding(

              padding: EdgeInsets.all(16.0),

              child: Text(

                'Introduction to Flutter Development',

                style: TextStyle(

                  fontSize: 24,

                  fontWeight: FontWeight.bold,

                ),

              ),

            ),

            Padding(

              padding: EdgeInsets.symmetric(horizontal: 16.0),

              child: Text(

                'Learn the basics of Flutter app development...',

                style: TextStyle(

                  fontSize: 16,

                  color: Colors.grey,

                ),

              ),

            ),

            SizedBox(height: 20),

            ListTile(

              leading: Icon(Icons.check_circle, color: Colors.green),

              title: Text('Getting Started with Flutter'),

            ),

            ListTile(

              leading: Icon(Icons.check_circle, color: Colors.green),

              title: Text('Widgets and Layouts'),

            ),

            ListTile(

              leading: Icon(Icons.check_circle, color: Colors.green),

              title: Text('State Management'),

            ),

            // Add more course content here

          ],

        ),

      ),

    );

  }

}


Comments

Popular posts from this blog

swapping the alternate values in given array's element ! 17/11/2022

Learning stage | c++ programs

c++ basic question