[FLUTTER] Navigator 클래스 : push/pop 정적 메소드를 사용해 화면 이동하기

다운로드

▶ person.dart

class Person {
  String name;
  int age;

  Person(this.name, this.age);
}

 

728x90

 

▶ detail_page.dart

import 'package:flutter/material.dart';
import 'package:test_app/person.dart';

class DetailPage extends StatelessWidget {
  final Person person;

  DetailPage({@required this.person});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test Application / Detail Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
                '${person.name}, ${person.age}'
            ),
            SizedBox(
              height: 10,
            ),
            RaisedButton(
              child: Text('메인 페이지'),
              color: Colors.orange,
              onPressed: () {
                Navigator.pop(context, 'OK');
              },
            )
          ],
        ),
      ),
    );
  }
}

 

300x250

 

▶ main_page.dart

import 'package:flutter/material.dart';
import 'package:test_app/person.dart';
import 'package:test_app/detail_page.dart';

class MainPage extends StatefulWidget {
  @override
  _MainPageState createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
  String _result;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test Application / Main Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              child: Text('상세 페이지'),
              color: Colors.orange,
              onPressed: () async {
                setState(() {
                  _result = '';
                });

                final Person person = Person('홍길동', 20);

                final result = await Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => DetailPage(person: person)),
                );

                setState(() {
                  _result = result;
                });
              },
            ),
            Text(
              '결과 : $_result',
            ),
          ],
        ),
      ),
    );
  }
}

 

▶ main.dart

import 'package:flutter/material.dart';
import 'package:test_app/main_page.dart';

void main() {
  runApp(TestApplication());
}

class TestApplication extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test Application',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MainPage(),
    );
  }
}