SingleChildScrollView

 import "package:flutter/material.dart";


void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: DemoScroll(),
        ),
      ),
    ),
  );
}
class DemoScroll extends StatelessWidget {
  const DemoScroll({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("SingleChildScrollView"),
      ),
      body: Padding(
        padding: EdgeInsets.all(8.0),
        child: SingleChildScrollView(
          child: Column(
            children: [
              SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                child: Row(
                  children: [
                    Container(
                      margin: EdgeInsets.all(8.0,),
                      width: 200, height: 200,
                      color: Colors.orange,
                    ),
                    Container(
                      margin: EdgeInsets.all(8.0,),
                      width: 200, height: 200,
                      color: Colors.pink,
                    ),
                    Container(
                      margin: EdgeInsets.all(8.0,),
                      width: 200, height: 200,
                      color: Colors.black54,
                    ),
                    Container(
                      margin: EdgeInsets.all(8.0,),
                      width: 200, height: 200,
                      color: Colors.purple,
                    ),
                    Container(
                      margin: EdgeInsets.all(8.0,),
                      width: 200, height: 200,
                      color: Colors.teal,
                    ),
                    Container(
                      margin: EdgeInsets.all(8.0,),
                      width: 200, height: 200,
                      color: Colors.amber,
                    ),
                  ],
                ),
              ),
              Container(
                margin: EdgeInsets.all(8.0,),
                /*width: 200,*/ height: 200,
                color: Colors.deepPurple,
              ),
              Container(
                margin: EdgeInsets.all(8.0,),
                /*width: 200,*/ height: 200,
                color: Colors.brown,
              ),
              Container(
                margin: EdgeInsets.all(8.0,),
                /*width: 200,*/ height: 200,
                color: Colors.green,
              ),
              Container(
                margin: EdgeInsets.all(8.0,),
                /*width: 200,*/ height: 200,
                color: Colors.pink,
              ),
              Container(
                margin: EdgeInsets.all(8.0,),
                /*width: 200,*/ height: 200,
                color: Colors.black,
              ),
              Container(
                margin: EdgeInsets.all(8.0,),
                /*width: 200,*/ height: 200,
                color: Colors.deepOrange,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Comments

Post a Comment

Popular posts from this blog

Pagination with Bloc Pattern in Flutter

Image
  import "package:flutter/material.dart" ; import "package:flutter_bloc/flutter_bloc.dart" ; import "package:pagination_practice/Pagination_with_Bloc/Bloc/bloc.dart" ; import "package:pagination_practice/Pagination_with_Bloc/Bloc/event.dart" ; import "package:pagination_practice/Pagination_with_Bloc/Bloc/state.dart" ; import "package:pagination_practice/Pagination_with_Bloc/post_repo.dart" ; void main () { runApp ( const MyApp () ) ; } class MyApp extends StatelessWidget { const MyApp ( { super .key } ) ; @override Widget build ( BuildContext context ) { return RepositoryProvider < PostRepo >( create: ( context ) => PostRepo () , child: BlocProvider < PostBloc > ( create: ( context ) => PostBloc ( context.read < PostRepo > () ) ..add ( FetchPostsEvent () ) , child: MaterialApp ( title: "Pagination" , debugShowCheckedModeBa...
Read more

Pagination First Practical in Flutter

Image
  import "package:dio/dio.dart" ; import "package:flutter/material.dart" ; import "package:flutter_spinkit/flutter_spinkit.dart" ; import "package:pagination_practice/Pagination/Model/productModel.dart" ; void main () { runApp ( const MyApp () ) ; } class MyApp extends StatelessWidget { const MyApp ( { super .key } ) ; @override Widget build ( BuildContext context ) { return MaterialApp ( title: "HomePage" , debugShowCheckedModeBanner: false, theme: ThemeData ( appBarTheme: const AppBarTheme ( backgroundColor: Colors. grey , centerTitle: true, ) , ) , home: const HomePage () , ) ; } } class HomePage extends StatefulWidget { const HomePage ( { super .key } ) ; @override State < HomePage > createState () { return HomePageState () ; } } class HomePageState extends State < HomePage > { final ScrollController scrollController = Scrol...
Read more

ExpansionPanel with ExpansionPanelList with Complete Collapse Operation in Flutter

Image
  import "package:flutter/material.dart" ; import "package:sdreatech_learning_widget/All_widgets_Ui/customWidget.dart" ; void main () { runApp ( const MyApp () ) ; } class MyApp extends StatelessWidget { const MyApp ( { super .key } ) ; @override Widget build ( BuildContext context ) { return MaterialApp ( title: "ExpansionPanel" , debugShowCheckedModeBanner: false, theme: ThemeData ( appBarTheme: const AppBarTheme ( backgroundColor: Colors. grey , centerTitle: true, ) , ) , home: const ExpansionPanelListPracticalCollapseTask () , ) ; } } class ExpansionPanelListPracticalCollapseTask extends StatefulWidget { const ExpansionPanelListPracticalCollapseTask ( { super .key } ) ; @override State < ExpansionPanelListPracticalCollapseTask > createState () => _ExpansionPanelListPracticalCollapseTaskState () ; } class _ExpansionPanelListPracticalCollapseTaskState...
Read more