import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    debugShowCheckedModeBanner: false,
    home: TwoPanelsHome(),
  ));
}

class TwoPanelsHome extends StatelessWidget {
  const TwoPanelsHome({Key? key}) : super(key: key);

  bool hanleOnPopPage(Route<dynamic> route, dynamic result) {
    return route.didPop(result);
  }

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        Expanded(
          child: Navigator(
            onPopPage: hanleOnPopPage,
            pages: [
              TestScaffold('left/master1'),
              TestScaffold('left/master2'),
            ].map((e) => MaterialPage<void>(child: e)).toList(),
          ),
        ),
        Expanded(
          child: Navigator(
            onPopPage: hanleOnPopPage,
            pages: [
              TestScaffold('right/details1'),
              TestScaffold('right/details2')
            ].map((e) => MaterialPage<void>(child: e)).toList(),
          ),
        ),
      ],
    );
  }
}

class TestScaffold extends StatelessWidget {
  const TestScaffold(this.name, {Key? key}) : super(key: key);

  final String name;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(name),
        actions: [
          PopupMenuButton<String>(
              onSelected: (s) {
                print(s);
              },
              itemBuilder: (context) => [
                    PopupMenuItem<String>(
                      child: Text('one'),
                      value: 'one',
                    ),
                    PopupMenuItem<String>(
                      child: Text('two'),
                      value: 'two',
                    ),
                  ]),
        ],
      ),
      body: Center(child: Text('$name\npress more menu button')),
    );
  }
}