PageView

 import "package:flutter/material.dart";

import "package:get/get.dart";

void main() {
  runApp(MyApp(),);
}
class MyApp extends StatelessWidget {
  MyApp({super.key}) : super();

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      debugShowCheckedModeBanner: false,
      title: "PageView in flutter",
      theme: ThemeData(
        primarySwatch: Colors.teal,
      ),
      home: ViewDemo2(),
    );
  }
}
class ViewDemo2 extends StatefulWidget {
  ViewDemo2({super.key}) : super();

  @override
  State<ViewDemo2> createState() {
    return ViewDemo2State();
  }
}
class ViewDemo2State extends State<ViewDemo2> {

  ///Declare and initialize the PageController
  final PageController _pageController = PageController(initialPage: 0, viewportFraction: 1.0,);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("PageView in Flutter"),
      ),
      body: PageView(
        physics: BouncingScrollPhysics(),
        controller: _pageController,
        children: [ PageOne(), PageTwo(), PageThree(), PageFour(), PageFive(), PageSix(), ],
      ),
    );
  }

  /// Dispose the PageController
  @override
  void dispose() {
    _pageController.dispose();
    super.dispose();
  }
}

// class TextGive {
//   TextGive(this.text);
//   final String text;
// }

/// Page One
class PageOne extends StatelessWidget {
  PageOne({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.indigo,
      child: Text("Page 1", style: TextStyle(fontSize: 50.0, color: Colors.white,),),
    );
  }
}
/// Page Two
class PageTwo extends StatelessWidget {
  PageTwo({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.green,
      child: Text("Page 2", style: TextStyle(fontSize: 50.0, color: Colors.white,),),
    );
  }
}
/// Page Three
class PageThree extends StatelessWidget {
  PageThree({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.amber,
      child: Text("Page 3", style: TextStyle(fontSize: 50.0, color: Colors.black,),),
    );
  }
}
/// Page Four
class PageFour extends StatelessWidget {
  PageFour({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.blue,
      child: Text("Page 4", style: TextStyle(fontSize: 50.0, color: Colors.white,),),
    );
  }
}
/// Page Five
class PageFive extends StatelessWidget {
  PageFive({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.grey,
      child: Text("Page 5", style: TextStyle(fontSize: 50.0, color: Colors.white,),),
    );
  }
}
/// Page Six
class PageSix extends StatelessWidget {
  PageSix({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      color: Colors.cyanAccent,
      child: Text("Page 6", style: TextStyle(fontSize: 50.0, color: Colors.black,),),
    );
  }
}