import 'package:flutter/material.dart'; class CoursePage extends StatefulWidget { const CoursePage({Key? key}) : super(key: key); @override _CoursePageState createState() => _CoursePageState(); } class _CoursePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text( "Course", style: TextStyle(letterSpacing: 0.5, fontSize: 22), ), centerTitle: true, ), body: SingleChildScrollView( scrollDirection: Axis.horizontal, child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), ], ), Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), ], ), ], ), Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), Padding( padding: EdgeInsets.all(5), child: Container( height: 100, width: 100, child: Image.network( "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=", fit: BoxFit.cover, ), ), ), ], ), ], ) ], ), ), ); } }