Как уведомить слушателей с вложенным дочерним элементом от провайдера во флаттере? - PullRequest
Новая
       41

Как уведомить слушателей с вложенным дочерним элементом от провайдера во флаттере?

0 голосов
/ 05 апреля 2020

ребята, я начинаю с флаттера, и я решил сделать мини-игру типа "повар ie кликер", чтобы тренироваться, но я только что столкнулся с проблемой с управлением состоянием ...

Я использую провайдера для распространения «GameController», который предназначен для обновления ресурсов игрока и выполнения расчетов.

Мне удается получить «GameController» везде, но когда я взаимодействую с ресурсом (объектом в GameController "), и он обновлен, но не в пользовательском интерфейсе, он не меняется ...

main.dart: 

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'controllers/GameController.dart';

void main() => runApp(MokaOnline());

class MokaOnline extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => GameController()),
      ],
      child: MokaOnlineApp(),
    );
  }
}

class MokaOnlineApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MokaOnline',
      home: Test(),
    );
  }
}

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<GameController>(
      builder: (context, gameControler, _) {
        final _mokaResource =
            gameControler.essentialResourceController.mokaResource;

        return Container(
          child: Column(
            children: <Widget>[
              Text('Moka : ${_mokaResource.getResource()}'),
              FlatButton(
                onPressed: () {
                  _mokaResource.increment();
                },
                child: Text('Add Moka'),
              )
            ],
          ),
        );
      },
    );
  }
}

GameController.dart: 

import 'package:flutter/foundation.dart';
import 'package:mokaonline/controllers/EssentialResourceController.dart';

class GameController {
  EssentialResourceController _essentialResourceController =
      EssentialResourceController();

  EssentialResourceController get essentialResourceController =>
      _essentialResourceController;
}

EssentialResourceController.dart: 

import 'package:mokaonline/models/essentialResources/MokaResourceModel.dart';
import 'package:mokaonline/models/essentialResources/ResourceEssentialInterface.dart';

class EssentialResourceController {
  ResourceEssentialInterface _mokaResource = MokaResourceModel();

  ResourceEssentialInterface get mokaResource => _mokaResource;
}

MokaResourceModel.dart: 

import 'package:flutter/foundation.dart';
import 'package:mokaonline/models/essentialResources/ResourceEssentialInterface.dart';

class MokaResourceModel extends ChangeNotifier
    implements ResourceEssentialInterface {
  int _moka = 0;

  void increment() {
    _moka++;
    notifyListeners();
  }

  @override
  int getResource() {
    return _moka;
  }
}

Я понял, что пользовательский интерфейс не был refre sh, потому что это не совсем GameController "Это обновлено ... Но я не вижу, как иначе структурировать код.

В любом случае, спасибо за вашего пациента и хорошего дня!

Ответы [ 3 ]

0 голосов
/ 06 апреля 2020

что-то не так, но, возможно, вы найдете ошибку 

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter/foundation.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => MokaResourceModel()),
        ChangeNotifierProvider(create: (context) => WoodResource()),
        ChangeNotifierProxyProvider2<MokaResourceModel, WoodResource, EssentialResourceController>(
            create: (_) => EssentialResourceController(),
            update: (_, moka, wood, essR) {
                    essR..mokaResourceModel=moka;
                    essR..woodResource=wood;
                  },
        ),
        ChangeNotifierProxyProvider<EssentialResourceController, GameController>(
            create: (_) => GameController(),
            update: (_, essR, gamec) => gamec..essentialResourceController=essR
        )
      ],
      child: MokaOnlineApp(),
    );
  }
}

class MokaOnlineApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MokaOnline',
      home: Test(),
    );
  }
}

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {


    return Consumer<GameController>(
      builder: (context, gameControler, _) {
        final _moka = gameControler.essentialResourceController.mokaResourceModel;
        final _wood = gameControler.essentialResourceController.woodResource;

        return new SafeArea(
          child: Container(
            child: Column(
              children: <Widget>[
                Text('Moka : ${_moka.getResource()}'),
                FlatButton(
                  onPressed: () {
                    _moka.increment();
                  },
                  child: Text('Add Moka'),
                ),
                new Container(height: 100.0,),
                Text('Wood : ${_wood.getResource()}'),
                FlatButton(
                  onPressed: () {
                    _wood.increment();
                  },
                  child: Text('Add Wood'),
                )
              ],
            ),
          ),
        );
      },
    );
  }
}

class GameController extends ChangeNotifier {

  GameController() {_EssentialResourceController = EssentialResourceController();}

  EssentialResourceController _EssentialResourceController = EssentialResourceController();

  EssentialResourceController get essentialResourceController => _EssentialResourceController;

  set essentialResourceController(EssentialResourceController value)
  {
    _EssentialResourceController = value;
    notifyListeners();
  }

}

class EssentialResourceController extends ChangeNotifier {

  EssentialResourceController() {
    _MokaResourceModel = MokaResourceModel();
    _WoodResource = WoodResource();
  }

  MokaResourceModel _MokaResourceModel = MokaResourceModel();
  MokaResourceModel get mokaResourceModel => _MokaResourceModel;

  set mokaResourceModel(MokaResourceModel value)
  {
    _MokaResourceModel = value;
    notifyListeners();
  }

  WoodResource _WoodResource = WoodResource();
  WoodResource get woodResource => _WoodResource;
  set woodResource(WoodResource value)
  {
    _WoodResource = value;
    notifyListeners();
  }

}

class MokaResourceModel extends ChangeNotifier {

  int _moka = 0;

  void increment() {
    _moka++;
    notifyListeners();
  }

  @override
  int getResource() {
    return _moka;
  }
}

class WoodResource extends ChangeNotifier {

  int _wood = 0;

  void increment() {
    _wood++;
    notifyListeners();
  }

  @override
  int getResource() {
    return _wood;
  }

}
0 голосов
/ 06 апреля 2020

это тоже не совсем лучше 

ChangeNotifierProvider(create: (context) => MokaResourceModel()),
        ChangeNotifierProvider(create: (context) => WoodResource()),
        ChangeNotifierProxyProvider<MokaResourceModel, EssentialResourceController>(
            key: UniqueKey(),
            create: (_) => EssentialResourceController(),
            update: (_, moka, essR) => essR..mokaResourceModel=moka
        ),
        ChangeNotifierProxyProvider<WoodResource, EssentialResourceController>(
          key: UniqueKey(),
            create: (_) => EssentialResourceController(),
            update: (_, wood, essR) => essR..woodResource=wood
        ),
        ChangeNotifierProxyProvider<EssentialResourceController, GameController>(
            create: (_) => GameController(),
            update: (_, essR, gamec) => gamec..essentialResourceController=essR
        )
0 голосов
/ 05 апреля 2020

вы ищете что-то вроде вложенных объектов в поставщике

как Провайдер флаттера вложенных объектов 

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter/foundation.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => MokaResourceModel()),
        ChangeNotifierProxyProvider<MokaResourceModel, EssentialResourceController>(
            create: (_) => EssentialResourceController(),
            update: (_, moka, essR) => essR..mokaResourceModel=moka
        ),
        ChangeNotifierProxyProvider<EssentialResourceController, GameController>(
            create: (_) => GameController(),
            update: (_, essR, gamec) => gamec..essentialResourceController=essR
        )
      ],
      child: MokaOnlineApp(),
    );
  }
}

class MokaOnlineApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MokaOnline',
      home: Test(),
    );
  }
}

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<GameController>(
      builder: (context, gameControler, _) {
        final _mokaResource = gameControler.essentialResourceController.mokaResourceModel;

        return new SafeArea(
          child: Container(
            child: Column(
              children: <Widget>[
                Text('Moka : ${_mokaResource.getResource()}'),
                FlatButton(
                  onPressed: () {
                    _mokaResource.increment();
                  },
                  child: Text('Add Moka'),
                )
              ],
            ),
          ),
        );
      },
    );
  }
}

class GameController extends ChangeNotifier {

  GameController() {_EssentialResourceController = EssentialResourceController();}

  EssentialResourceController _EssentialResourceController = EssentialResourceController();

  EssentialResourceController get essentialResourceController => _EssentialResourceController;

  set essentialResourceController(EssentialResourceController value)
  {
    _EssentialResourceController = value;
    notifyListeners();
  }

}

class EssentialResourceController extends ChangeNotifier {

  EssentialResourceController() {_MokaResourceModel = MokaResourceModel();}

  MokaResourceModel _MokaResourceModel = MokaResourceModel();

  MokaResourceModel get mokaResourceModel => _MokaResourceModel;

  set mokaResourceModel(MokaResourceModel value)
  {
    _MokaResourceModel = value;
    notifyListeners();
  }

}

class MokaResourceModel extends ChangeNotifier {

  int _moka = 0;

  void increment() {
    _moka++;
    notifyListeners();
  }

  @override
  int getResource() {
    return _moka;
  }
}
...