кнопка плавающего действия не будет вызывать обновление - PullRequest
Новая
       51

кнопка плавающего действия не будет вызывать обновление

0 голосов
/ 19 февраля 2019

Я делаю простое математическое приложение (см. Код ниже).Моя проблема сейчас в том, почему моя плавающая кнопка (обновление) не работает.Я установил обновление для changeData, и я пытаюсь вызвать эту функцию с моим widget.refresh.(последняя строка кода).

Позже я попытаюсь также реализовать несколько контеров:)

Совершенно другой вопрос, но все же о флаттере: о том, сколько строк нормально иметьв классе?Есть ли "Эй, чувак, это слишком много"? 

import 'package:flutter/material.dart';
import 'dart:math';

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

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'simple math',
      theme: ThemeData(primarySwatch: Colors.red),
      home: FirstClass(),
    );
  }
}

class FirstClass extends StatefulWidget {
  @override
  _FirstClassState createState() => _FirstClassState();
}

class _FirstClassState extends State<FirstClass> {
  final random = Random();
  int a, b, sum;
  String output;

  void changeData(String buttonName) {
    setState(() {
      a = random.nextInt(10);
      b = random.nextInt(10);

      if (buttonName == '+') {
        sum = a + b;
        output = '$a + $b = ';
      } else if (buttonName == '-') {
        if (a >= b) {
          sum = a - b;
          output = '$a - $b = ';
        } else if (b > a) {
          //sum cannot be negative here
          sum = b - a;
          output = '$b - $a = ';
        }
      }
      print(sum.toString());
      Navigator.of(context).popUntil(ModalRoute.withName('/'));
      Navigator.of(context).push(MaterialPageRoute(
          builder: (context) => SecondClass(
                sum: sum,
                refresh: changeData,
                output: output,
              )));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            RaisedButton(child: Text('+'), onPressed: () => 
         changeData('+')),
            RaisedButton(child: Text('-'), onPressed: () => changeData('- 
   ')),
              ],
            ),
          ),
        );
      }
    }

class SecondClass extends StatefulWidget {
  final int sum;
  final String output;

  final Function refresh;

  SecondClass({this.sum, this.refresh, this.output});

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

class _SecondClassState extends State<SecondClass> {
  String enterAnswer;
  String output = "";

  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: Container(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(widget.output),
                  Container(
                      width: 50.0,
                      child: TextField(
                        keyboardType: TextInputType.number,
                        onChanged: (val) {
                          enterAnswer = val;
                        },
                      )),
                ],
              ),
              RaisedButton(
                onPressed: () {
                  if (enterAnswer.isNotEmpty) {
                    if (enterAnswer == widget.sum.toString()) {
                      setState(() {
                        output = 'Correct!';
                      });
                    } else {
                      setState(() {
                        output = 'Sorry, Worong answer';
                      });
                     }
                  } else {
                    setState(() {
                       output = 'You must enter a value';
                    });
                  }
                },
                child: Text('Check Answer'),
              ),
              Text(output),
              FloatingActionButton(
                  child: Icon(Icons.refresh),
                  onPressed: () {
                    widget.refresh();
                  })
            ],
          ),
        ),
      ),
    );
  }
}

1 Ответ

0 голосов
/ 20 февраля 2019

В вашем коде вам нужно передать параметр как - void changeData(String buttonName) взять строку в качестве параметров.

рабочий код: 

FloatingActionButton(
                  child: Icon(Icons.refresh),
                  onPressed: () {
                    widget.refresh('+');
                  })

Обновление: Правильный путьбудет также передавать Button Name String. 

import 'package:flutter/material.dart';
import 'dart:math';

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

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'simple math',
      theme: ThemeData(primarySwatch: Colors.red),
      home: FirstClass(),
    );
  }
}

class FirstClass extends StatefulWidget {
  @override
  _FirstClassState createState() => _FirstClassState();
}

class _FirstClassState extends State<FirstClass> {
  final random = Random();
  int a, b, sum;
  String output;

  void changeData(String buttonName) {
    setState(() {
      a = random.nextInt(10);
      b = random.nextInt(10);

      if (buttonName == '+') {
        sum = a + b;
        output = '$a + $b = ';
      } else if (buttonName == '-') {
        if (a >= b) {
          sum = a - b;
          output = '$a - $b = ';
        } else if (b > a) {
          //sum cannot be negative here
          sum = b - a;
          output = '$b - $a = ';
        }
      }
      print(sum.toString());
      Navigator.of(context).popUntil(ModalRoute.withName('/'));
      Navigator.of(context).push(MaterialPageRoute(
          builder: (context) => SecondClass(
                sum: sum,
                refresh: changeData,
                output: output,
                buttonName: buttonName,
              )));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            RaisedButton(child: Text('+'), onPressed: () => changeData('+')),
            RaisedButton(child: Text('-'), onPressed: () => changeData('-')),
          ],
        ),
      ),
    );
  }
}

class SecondClass extends StatefulWidget {
  final int sum;
  final String output;
  final String buttonName;

  final Function refresh;

  SecondClass({this.sum, this.refresh, this.output, this.buttonName});

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

class _SecondClassState extends State<SecondClass> {
  String enterAnswer;
  String output = "";

  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: Container(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(widget.output),
                  Container(
                      width: 50.0,
                      child: TextField(
                        keyboardType: TextInputType.number,
                        onChanged: (val) {
                          enterAnswer = val;
                        },
                      )),
                ],
              ),
              RaisedButton(
                onPressed: () {
                  if (enterAnswer.isNotEmpty) {
                    if (enterAnswer == widget.sum.toString()) {
                      setState(() {
                        output = 'Correct!';
                      });
                    } else {
                      setState(() {
                        output = 'Sorry, Worong answer';
                      });
                    }
                  } else {
                    setState(() {
                      output = 'You must enter a value';
                    });
                  }
                },
                child: Text('Check Answer'),
              ),
              Text(output),
              FloatingActionButton(
                  child: Icon(Icons.refresh),
                  onPressed: () {
                    widget.refresh(widget.buttonName);
                  })
            ],
          ),
        ),
      ),
    );
  }
}
...