如何在 Stack 小部件中添加 PageView 小部件？

苏丹阿列芬

作为 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',
            ),
            
          ],
        ),
      ),
      
    );
  }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。