Pal setup instructions

pal-setup.dart

import 'package:flutter/material.dart';
import 'package:pal/pal.dart';

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

class MyApp extends StatelessWidget {

  final _navigatorKey = GlobalKey<NavigatorState>();

  @override
  Widget build(BuildContext context) {
    return Pal(
      editorModeEnabled: true, //switch between client mode and editor mode
      appToken: "APPLICATION_TOKEN", // don't forget to give us your token 
      // --- your app start here --
      child: MaterialApp(
        key: ValueKey('hostedApp'),
        navigatorKey: _navigatorKey, // add this in your app
        navigatorObservers: [PalNavigatorObserver.instance()], // add this in your app
        title: 'Pal Demo',
        onGenerateRoute: route,
        theme: ThemeData(
          primarySwatch: Colors.blue,
          visualDensity: VisualDensity.adaptivePlatformDensity,
        ),
      ),
      // --- your app end here --
    );
  }
  
  Route<dynamic> route(RouteSettings settings) {
    switch (settings.name) {
      case '/':
        return MaterialPageRoute(
          settings: settings,
          builder: (context) => HomePage(),
          maintainState: true,
        );
      case '/route1':
        return MaterialPageRoute(
          settings: settings,
          builder: (context) => Route1Page(),
        );
      case '/route2':
        return MaterialPageRoute(
          settings: settings,
          builder: (context) => Route2Page(),
        );
      default:
        throw 'unexpected Route';
    }
  }

}