State actions on NyPages

[voytech-net]

Hi!

I am trying to figure out how to properly send the stateAction for pages. This functionality for widgets is working as expected but for pages I am missing something. Here is my example:

import 'package:myapp/resources/widgets/todo_list_widget.dart';
import 'package:flutter/material.dart';
import 'package:nylo_framework/nylo_framework.dart';
import 'package:myapp/config/theme.dart';

class Dashboard extends NyStatefulWidget {
  static RouteView path = ("/dashboard", (_) => Dashboard());

  Dashboard({super.key}) : super(child: _DashboardState());
}

class _DashboardState extends NyPage<Dashboard> {
  @override
  get init => () async {};

  @override
  bool get stateManaged => true;

  @override
  get stateActions => {
        "dashboard_page_action": () {
          print('Hello from the page');
        },
      };

  @override
  Widget view(BuildContext context) {
    return Scaffold(
      extendBody: true,
      extendBodyBehindAppBar: true,
      appBar: HeaderV2(
        page: 'home',
        appBar: AppBar(),
        activeFilters: [],
      ),
      body: Center(child: TodoList()),
    );
  }
}

And this is my component:

import 'package:myapp/resources/pages/dashboard.dart';
import 'package:flutter/material.dart';
import 'package:nylo_framework/nylo_framework.dart';

class TodoList extends StatefulWidget {
  const TodoList({super.key});

  static String state = "cart";

  @override
  createState() => _TodoListState();
}

class _TodoListState extends NyState<TodoList> {
  _TodoListState() {
    stateName = TodoList.state;
  }

  @override
  get init => () {};

  @override
  Widget view(BuildContext context) {
    return Container(
      child: ElevatedButton(
          onPressed: () => {
                stateAction('dashboard_page_action', state: Dashboard.path),
                print('here'),
              },
          child: Text('Test page action')),
    );
  }
}

I have tried to follow the documentation but some things are not working, for example there is no Dashboard.state, so I have used Dashboard.path which should work as well based on the code in the function. But still I am at a loss.

Is there any working example which I can check to see the differences?
Any help is much appreciated.

[agordn52]

Hi @voytech-net,

You need to change this
Dashboard({super.key}) : super(child: _DashboardState());

to this
Dashboard({super.key}) : super(child: () => _DashboardState());

That should fix your issue