import 'package:flutter/material.dart';

void main() { runApp(MaterialApp( debugShowCheckedModeBanner: false, title: 'Routing Navigation', initialRoute: '/', routes: { '/' : (context) => HalamanPertama(), HalamanKedua.routeName : (context) => HalamanKedua(), HalamanKetiga.routeName : (context) => HalamanKetiga(), HalamanKeempat.routeName : (context) => HalamanKeempat(), }, )); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter GridView', home: Scaffold( appBar: AppBar( backgroundColor: Colors.white, title: Text( 'Flutter GridView', style: TextStyle(color: Colors.black), ), ), ), ); } } class HalamanPertama extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Halaman Pertama'), ), body: Center( child: ListView( children: [ RaisedButton( child: Text('Halaman Kedua'), onPressed: () { Navigator.pushNamed(context, HalamanKedua.routeName); }, ), RaisedButton( child: Text('Halaman Ketiga'), onPressed: () { Navigator.pushNamed(context, HalamanKetiga.routeName); }, ), RaisedButton( child: Text('Halaman Keempat'), onPressed: () { Navigator.pushReplacementNamed(context, HalamanKeempat.routeName); }, ), ], ), ), ); } }

class HalamanKedua extends StatelessWidget { static const String routeName = "/halamanKedua"; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Halaman Kedua"), ), body: Center( child: RaisedButton( child: Text('Kembali'), onPressed: () { Navigator.pop(context); }, ), ), ); } } class HalamanKetiga extends StatelessWidget { static const String routeName = "/halamanKetiga"; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Halaman Ketiga"), ), body: Center( child: RaisedButton( child: Text('Kembali'), onPressed: () { Navigator.pop(context); }, ), ), ); } }

class HalamanKeempat extends StatelessWidget { static const String routeName = "/halamanKeempat"; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Halaman Keempat"), ), body: Center( child: Text('Halaman Keempat'), ), ); } }