Блог

Я разрабатываю приложение для цитат как новичок в flutter.Я использовал виджет стека, чтобы использовать как изображение, так и текст в центре экрана.Прямо сейчас я хочу добавить виджет просмотра страниц для прокрутки и перехода на следующую страницу.Пожалуйста, подскажите мне, где и как я должен использовать виджет просмотра страниц?

   class OverviewScreen extends StatefulWidget {
  @override
 _OverviewScreenState createState() => _OverviewScreenState();
  }

  class _OverviewScreenState extends State<OverviewScreen> {

  @override
  Widget build(BuildContext context) {
  return MaterialApp(
  home:Scaffold(
    extendBodyBehindAppBar: true,
    appBar: AppBar(
        title: Text("Hu   R   Rehman",
        style: TextStyle(fontFamily: "MonteCarlo"),),
        centerTitle: true,
      leading: Icon(Icons.menu),

      shape:RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(bottom: Radius.circular(16))
      ),
    backgroundColor: Colors.transparent,
      elevation: 0,

    ),
    body:
    Stack(
      children:<Widget>[
        Image(
          image:AssetImage('Image/soc1.jpg'),
          fit:BoxFit.cover,
          width: double.infinity,
          height: double.infinity,
        ),
        Align(alignment: Alignment.center,
           child: Text(' This is my text '
             ,style: TextStyle(fontSize: 30.0,
                 fontFamily:"MonteCarlo",
                 color: Colors.white,
                   fontWeight: FontWeight.w700 ) )

          )
          ],
          )
          ),
          );
          }
          }
 

Проверьте это, если это решит вашу проблему:

 class MyHomePage extends StatefulWidget {


  const MyHomePage({Key? key,}) : super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {
  final _pageController = PageController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Title'),
      ),
      body: Center(
        child: Stack(
          alignment: Alignment.center,
          children: [
            PageView(
              controller: _pageController,
              children:[
                Image(image: AssetImage('Location of your image')),
                //Add more Image Widgets
              ]
            ),
            const Text(
              'Add you Text here',
            ),
            
          ],
        ),
      ),
      
    );
  }
}