Как объявить наблюдаемое в флаттере Mobx для запуска при изменении поля класса? - PullRequest
Новая
       11

Как объявить наблюдаемое в флаттере Mobx для запуска при изменении поля класса?

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

Я изучаю Mobx Flutter и хотел бы, чтобы наблюдатель показывал изменение поля в классе.

При использовании int вместо пользовательского класса это работает. Поэтому я подозреваю, что не правильно объявляю класс в магазине

Вот код моего магазина 

import 'package:mobx/mobx.dart';

// generated file
part 'bikeModel.g.dart';

class Cell {
  String description;
  String value;
  String unit;

  Cell({this.description, this.value, this.unit});
}

class BikeData = _BikeData with _$BikeData;

abstract class _BikeData with Store {
  Timer _timerSimu;

  @observable
  int cadence = 0;

  @observable
  Cell cello = Cell(description: 'desc', value: 'oo', unit: 'km/h');

  @action
  startSimul() {
    int _tick = 0;
    cadence++;
    cello.value = cadence.toString();
    _timerSimu = Timer.periodic(Duration(seconds: 1), (timer) {
      print('Screen simu is ticking...$_tick');
      _tick++;
      cadence++;
    });
  }

  @action
  stopSimu() {
    _timerSimu.cancel();
  }
}

, а вот основной код 

import 'package:flutter/material.dart';
import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:mobx_first/bikeModel.dart';

import 'globals.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MobX',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage();

  @override
  Widget build(BuildContext context) {
    BikeData store = BikeData();

    return GestureDetector(
      onPanUpdate: (details) {
        if (details.delta.dx > 0) {
          // Right swipe
          print('this is a right swipe');
        } else {
          // left swipe
          print('this is a left swipe');
        }
      },
      child: Scaffold(
        appBar: AppBar(
          title: Text('MobX Test'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Observer(
                  builder: (_) => Text('cello.value ${store.cello.value}')),
              Observer(builder: (_) => Text('cadence ${store.cadence}')),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: store.startSimul,
          tooltip: 'Change',
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

каденция меняет все на секунду, но не cello.value

Как правильно объявить виолончель наблюдаемой?

1 Ответ

1 голос
/ 26 апреля 2020

Проблема в том, что вы просто меняете значение предмета предмета (value). Вы должны полностью изменить объект, тогда будет изменено только значение поиска mobx.

Замените следующую строку 

cello.value = cadence.toString();

следующим кодом: 

cello = Cell(
    description: cello.description,
    value: cadence.toString(),
    unit: cello.unit);
...