Flutter開發(十二)—— 頁面跳轉與返回

示例代碼:

import 'package:flutter/material.dart';

main(List<String> args) {
  runApp(MaterialApp(
    title:'',
    home: FristScreen(),
  ));
}

class FristScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("第一頁"),),
      body: Center(
        child: RaisedButton(  //按鈕
          child: Text('跳轉到第二頁'),
          onPressed: (){  //相應按鈕點擊事件
            // 通過MaterialPageRoute跳轉邏輯 的具體執行
            Navigator.push(context, MaterialPageRoute(
              builder: (context)=>SecondScreen()
            ));
          },
        ),
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("第一頁"),),
      body: Center(
        child: RaisedButton(
          child: Text("返回第一頁"),
          onPressed: (){
            Navigator.pop(context);
          },
        ),
      ),
    );
  }
}

效果展示:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章