Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const ResultWidget(result: 24),
const SizedBox(height: 30),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: twoWidget,
),
],
),
),
);
}
}
List<TwoWidget> twoWidget = const [
TwoWidget(
text: 'title 1',
icon: Icons.airline_seat_legroom_reduced_sharp,
percent: 20,
isOnce: false,
),
TwoWidget(
text: 'title 2',
icon: Icons.airlines,
percent: 20,
isOnce: false,
),
TwoWidget(
text: 'title 3',
icon: Icons.add_comment_rounded,
percent: 20,
isOnce: true,
),
TwoWidget(
text: 'title 4',
icon: Icons.thumb_up_alt,
percent: 60,
isOnce: false,
),
TwoWidget(
text: 'title 5',
icon: Icons.ac_unit_sharp,
percent: 40,
isOnce: false,
),
];
class TwoWidget extends StatefulWidget {
final IconData icon;
final String text;
final int percent;
final bool isOnce;
const TwoWidget({
Key? key,
required this.icon,
required this.text,
required this.percent,
required this.isOnce,
}) : super(key: key);
@override
State<TwoWidget> createState() => _TwoWidgetState();
}
class _TwoWidgetState extends State<TwoWidget> {
// bool isOnce = false;
int result = 0;
// void _buttonDone(int percent) {
// print('1: $percent');
// result += percent;
// print('2: $result');
// setState(() {});
// ScaffoldMessenger.of(context).showSnackBar(
// const SnackBar(
// content: Text('Готово!'),
// ),
// );
// isOnce = true;
// }
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
// onPressed: isOnce ? null : () => _buttonDone(widget.percent),
onPressed: () {},
style: ElevatedButton.styleFrom(
shape: const CircleBorder(),
padding: const EdgeInsets.all(16),
),
child: Icon(
widget.icon,
size: 32,
),
),
const SizedBox(height: 8),
Text(widget.text),
],
);
}
}
class ResultWidget extends StatelessWidget {
final int result;
const ResultWidget({
Key? key,
required this.result,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Text('$result %');
}
}
Зачем тебе final result?
import 'package:flutter/material.dart'; final gk = GlobalKey(); class HomeWidget extends StatelessWidget { const HomeWidget({ Key? key, }) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ ResultWidget(key:gk, initResult: 24), const SizedBox(height: 30), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: twoWidget, ), ], ), ), ); } } List<TwoWidget> twoWidget = const [ TwoWidget( text: 'title 1', icon: Icons.airline_seat_legroom_reduced_sharp, percent: 20, isOnce: false, ), TwoWidget( text: 'title 2', icon: Icons.airlines, percent: 20, isOnce: false, ), TwoWidget( text: 'title 3', icon: Icons.add_comment_rounded, percent: 20, isOnce: true, ), TwoWidget( text: 'title 4', icon: Icons.thumb_up_alt, percent: 60, isOnce: false, ), TwoWidget( text: 'title 5', icon: Icons.ac_unit_sharp, percent: 40, isOnce: false, ), ]; class TwoWidget extends StatefulWidget { final IconData icon; final String text; final int percent; final bool isOnce; const TwoWidget({ Key? key, required this.icon, required this.text, required this.percent, required this.isOnce, }) : super(key: key); @override State<TwoWidget> createState() => _TwoWidgetState(); } class _TwoWidgetState extends State<TwoWidget> { bool isOnce = false; // int result = 0; void _buttonDone(int percent) { print('1: $percent'); final rw = gk.currentWidget as ResultWidget; rw.result.value += percent; setState(() {}); ScaffoldMessenger.of(context).showSnackBar( const SnackBar( content: Text('Готово!'), ), ); isOnce = true; } @override Widget build(BuildContext context) { return Column( mainAxisAlignment: MainAxisAlignment.center, children: [ ElevatedButton( onPressed: isOnce ? null : () => _buttonDone(widget.percent), // onPressed: () {}, style: ElevatedButton.styleFrom( shape: const CircleBorder(), padding: const EdgeInsets.all(16), ), child: Icon( widget.icon, size: 32, ), ), const SizedBox(height: 8), Text(widget.text), ], ); } } class ResultWidget extends StatelessWidget { final ValueNotifier<int> result; ResultWidget({ super.key, required int initResult, }) : result = ValueNotifier<int>(initResult); @override Widget build(BuildContext context) { return ValueListenableBuilder<int>( valueListenable: result, builder: (BuildContext context, int value, Widget? child) => Text('$value %') ); } }
или так https://pastebin.mozilla.org/bsHiBXUG
Cпасибо!!😊 Я где-то читал что глобальные ключи использовать это плохой тон.. Подскажи, если это действительно так, как в моём случае мне правильней всего передать результат в другой виджет без доп.пакетов?
Так и есть. Глобал переменные - плохой опыт
глобальные ключи можно использовать и в каких то моментах от них никуда не денешься, но чтобы передать переменную это действительно не очень решение и лучше их для этого вообще не применять
От глобальный ключей?? Денешься. Как минимум, можно создать инхерит с этим ключом
вот здесь как от этого уйти https://docs.flutter.dev/cookbook/forms/validation ?
Тут разве глобал переменная?
я не про глобавильную переменную говорил, а про глобальный ключ
всегда пишут про плохой тон, чтобы эти вещи использовали только после того ,как научатся работать с инструментом
На ум приходит только inheritedwidget. Мб ещё как-то можно. Просто, я уже привык везде стейт менеджерами пользоваться, и давно не задумывался про такие вещи) А насчёт глобальных ключей, все зависит от ситуации, применяйте, где считаете необходимым (их же все таки зачем-то придумали)
Обсуждают сегодня