Итак, проверяя ваш код, я увидел, что у вас есть 2 кнопки:
FloatingActionButton
И
RaisedButton
Разница между ними заключается в том, что
- RaisedButton при нажатии вызывает метод _increment из экземпляра объекта _CounterState , и этот объект уже смонтирован (этот объект _CounterState создает RaisedButton)
- FloatingActionButton при нажатии вызывает метод для создания НОВОГО _CounterState () объекта и затем на счетчике приращения этого объекта.Новое состояние не имеет ничего общего с тем, что отображается.Это просто новый объект (не вставленный в дерево виджетов).
Вы создаете экземпляр счетчика в TutorialHome
//...
child: Column(
children: <Widget>[
Counter(),
]
)
//...
Этот счетчик отвечает за создание состояний для себя (_CounterState объекты).
Обновление по запросу:
Это не чистый код, а только для демонстрации.
Ниже приведен пример настройкиОбмен информацией между двумя объектами с использованием контроллера потока (ваш счетчик и кнопка, нажатая откуда-то еще) ... небрежно.
import 'dart:async';
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
title: 'Flutter Tutorial',
home: TutorialHome(),
));
}
class TutorialHome extends StatelessWidget {
StreamController<void> buttonPressStream = StreamController<bool>.broadcast();
@override
Widget build(BuildContext context) {
// Scaffold is a layout for the major Material Components.
return Scaffold(
appBar: AppBar(
leading: IconButton(
icon: Icon(Icons.menu),
tooltip: 'Navigation menu',
onPressed: null,
),
title: Text('Example title'),
actions: <Widget>[
IconButton(
icon: Icon(Icons.search),
tooltip: 'Search',
onPressed: null,
),
],
),
// body is the majority of the screen.
body: Center(
child: Container(
height: 100,
width: 100,
child: Column(
children: <Widget>[
Counter(buttonPressStream),
]
)
)
),
floatingActionButton: FloatingActionButton(
tooltip: 'Add', // used by assistive technologies
child: Icon(Icons.add),
onPressed: () => buttonPressStream.add(null),
),
);
}
}
//class CounterIncrementor extends StatelessWidget {
// CounterIncrementor({this.onPressed});
//
// final VoidCallback onPressed;
//
// @override
// Widget build(BuildContext context) {
// return RaisedButton(
// onPressed: onPressed,
// child: Text('Increment'),
// );
// }
//}
class Counter extends StatefulWidget {
// This class is the configuration for the state. It holds the
// values (in this case nothing) provided by the parent and used by the build
// method of the State. Fields in a Widget subclass are always marked "final".
final StreamController<void> buttonPressStream;
const Counter(this.buttonPressStream);
@override
_CounterState createState() => _CounterState(buttonPressStream);
}
class _CounterState extends State<Counter> {
int _counter = 0;
StreamController<void> buttonPressStream;
_CounterState(this.buttonPressStream);
void _increment() {
setState(() {
// This call to setState tells the Flutter framework that
// something has changed in this State, which causes it to rerun
// the build method below so that the display can reflect the
// updated values. If we changed _counter without calling
// setState(), then the build method would not be called again,
// and so nothing would appear to happen.
print("Increasing counter value\n");
_counter++;
});
}
@override
void initState() {
super.initState();
buttonPressStream.stream.listen( (_) {
setState(() {});
});
}
@override
Widget build(BuildContext context) {
// This method is rerun every time setState is called, for instance
// as done by the _increment method above.
// The Flutter framework has been optimized to make rerunning
// build methods fast, so that you can just rebuild anything that
// needs updating rather than having to individually change
// instances of widgets.
return Column(
children: <Widget>[
RaisedButton(
onPressed: _increment,
child: Text('Increment'),
),
Text('Count: $_counter'),
],
);
}
}