Unity - UIWidgets 3. Page Jump

Flutter of Route concept, mobile developers often refer to Page, in android middle finger activity, ios middle finger viewcontroller, UGUI often called Panel \ Form \ View? Probably you say is a page right
before UGUI development is managed by one UIManager Open \ Close
single-page mobile application mode Flutter's new to or a bit difficult to understand

Reference material

Simple page Jump

To pretend to compare Western style, the page class named XXXRoute ...

// UIMain.cs 挂载在GameObject上

using Unity.UIWidgets.engine;
using Unity.UIWidgets.material;
using Unity.UIWidgets.widgets;

namespace UI
{
    public class UIMain : UIWidgetsPanel
    {
        protected override Widget createWidget()
        {
            return new MaterialApp(
                home: new HomeRoute()
                );
        }
    }
}

// HomeRoute.cs 首页显示一个跳转按钮(为图省事嵌套写法不要模仿, 实用需重构)

using System.Collections.Generic;
using Unity.UIWidgets.material;
using Unity.UIWidgets.widgets;
using UnityEngine;

namespace UI
{
    public class HomeRoute : StatefulWidget
    {
        public override State createState()
        {
            return new HomeRouteState();
        }
    }

    class HomeRouteState : State<HomeRoute>
    {
        public override Widget build(BuildContext context)
        {
            Scaffold scaffold = new Scaffold(
                appBar: new AppBar(
                    title: new Text("首页")
                    ),
                body: new Center(
                    child: new Column(
                            children: new List<Widget>
                            {
                                new RaisedButton(
                                    child: new Text("跳转到新页面"),
                                    onPressed: () =>
                                    {
                                        Navigator.push(
                                            context,
                                            new MaterialPageRoute(
                                                builder: (context1) => {
                                                    return new NewRoute("这是主页传过去的值");
                                                }
                                                )
                                            // 这里async\await的写法好像不能用...也可能是我太菜
                                            ).Then((obj) =>
                                            {
                                                Debug.Log($"接到上个窗口的返回值 {obj.ToString()}");
                                            });
                                    }
                                    ),
                            }
                        )
                    )
                );

            return scaffold;
        }
    }
}

// NewRoute.cs 新页面, 显示一个返回按钮. 这里左上角的按钮可以返回, 但没显示对应返回箭头的图片

using System.Collections.Generic;
using Unity.UIWidgets.material;
using Unity.UIWidgets.widgets;
using UnityEngine;

namespace UI
{
    public class NewRoute : StatefulWidget
    {
        //这么传值用起来感觉有点扯, 后续观察有没有更好的方式
        public object m_Message;

        public NewRoute(object message) : base()
        {
            m_Message = message;
        }

        public override State createState()
        {
            return new NewRouteState(m_Message);
        }
    }

    class NewRouteState : State<NewRoute>
    {
        public object m_Message;

        public NewRouteState(object message) : base()
        {
            m_Message = message;
            Debug.Log($"首页传过来一个值 {m_Message}");
        }

        public override Widget build(BuildContext context)
        {
            Scaffold scaffold = new Scaffold(
                appBar: new AppBar(
                    title: new Text("新页面")
                    ),
                body: new Center(
                    child: new Column(
                        children: new List<Widget>
                        {
                            new RaisedButton(
                                child: new Text("返回"),
                                onPressed: () =>
                                {
                                    Navigator.pop(context, "这是一个返回值");
                                }
                                )
                        }
                        )
                    )
                );

            return scaffold;
        }
    }
}

The above implements a simple switching of the two pages, results as shown below

Modified to use named routing control

This way closer to `UIManager.Open (" XXX ")

// UIMain.cs

    // 在MaterialApp中添加路由映射(一个Dictionary)
    public class UIMain : UIWidgetsPanel
    {
        protected override Widget createWidget()
        {
            return new MaterialApp(
                //home: new HomeRoute(),
                initialRoute: "Home",
                routes: new Dictionary<string, WidgetBuilder>()
                {
                    { "Home", (context) => new HomeRoute() },
                    // 现在不知道怎么传递值过去
                    { "New", (context) => new NewRoute(null) },
                }
                );
        }
    }

// HomeRoute.cs

//Navigator.push(
//    context,
//    new MaterialPageRoute(
//        builder: (context1) => {
//            return new NewRoute("这是主页传过去的值");
//        }
//        )
//    ).Then((obj) =>
//    {
//        Debug.Log($"接到上个窗口的返回值 {obj.ToString()}");
//    });


Navigator.pushNamed(context, "New", "这个值不知道该怎么传过去了").Then((obj) =>
    {
        Debug.Log($"接到上个窗口的返回值 {obj.ToString()}");
    }
    );

Navigator.popNo need to change
the use of the route name to open a new page in the control of many short time, but they did not know how to pass the value of the past, for example UIWidgets did not see inside