Как обновить переменную цвета кнопки в alertDialog? - PullRequest
Новая
       15

Как обновить переменную цвета кнопки в alertDialog?

0 голосов
/ 18 апреля 2019

Я новичок здесь, и у меня проблема с alerttdialog.Тип У меня есть alerttdialog, который имеет кнопку выбора цвета и уже поставляется с предустановленным цветом, эта кнопка приводит к другому alerttdialog, который делает выбор цвета.После выбора этого нового цвета возвращается к первому алерту и появляется кнопка с новым цветом, но этого не происходит.Большое спасибо.И не называйте английский, потому что я использую переводчик. 

Future<Color> selectColor(BuildContext context, Color currentColor){
  Color selectedColor = currentColor;
  return showDialog(
    context: context,
    builder: (BuildContext context){
      return AlertDialog(
        title: Text('Selecionar Cor'),
        content: SingleChildScrollView(
          child: BlockPicker(
            pickerColor: currentColor,
            onColorChanged: (Color color){
              selectedColor = color;
            },
          ),
        ),
        actions: <Widget>[

            FlatButton(
              child: Text('OK'),
              onPressed: (){
                Navigator.pop(context,selectedColor);
              },
            )
          ],

      );
    }
  );
}

Future<List> createCategory(BuildContext context) async{

  String name = '';
  Color selectedColor = BLUE;

  return showDialog(
      context: context,
      builder: (BuildContext context){
        return AlertDialog(
          title: Text('Nova Categoria'),
          content: Row(
            children: <Widget>[
              Flexible(
                  flex: 4,
                  child:
                  TextField(
                    maxLength: 30,
                    decoration: InputDecoration(
                        labelText: 'Nome'
                    ),
                    onChanged: (String value){
                      name = value;
                    },
                  )
              ),

              Padding(
                padding: EdgeInsets.symmetric(horizontal: 3),
              ),

              Flexible(
                  flex: 1,
                  child:
                  RaisedButton(
                      color: selectedColor,
                      onPressed: () async{

                        selectedColor = await selectColor(context, selectedColor);

                      }
                  )
              )
            ],
          ),

          actions: <Widget>[
            FlatButton(
              child: Text('CANCELAR'),
              onPressed: (){
                Navigator.pop(context, null);
              },
            ),

            FlatButton(
              child: Text('OK'),
              onPressed: (){
                //print('cor '+selectedColor.toString());
                Navigator.pop(context,[name,selectedColor]);
              },
            )
          ],
        );
      }
  );}

Ответы [ 2 ]

0 голосов
/ 18 апреля 2019

После долгих поисков и испытаний выясните, в чем проблема. Разве что для каждого alertDialog для передачи данных придется создавать новый класс типа StatefullWidget. Я оставлю код, как это было. 

    //In main
    Future<List> createCategory(BuildContext context) async{
      return showDialog(
          context: context,
          builder: (BuildContext context) => CreateCategory()
      );
    }

class CreateCategory extends StatefulWidget{
  CreateCategory ({Key key}) : super (key: key);
  _CreateCategoryState createState() => _CreateCategoryState();

}

class _CreateCategoryState extends State<CreateCategory>{
  String _name = '';
  Color _currentColor = BLUE;

  Widget build(BuildContext context){
    return AlertDialog(
      title: Text('Nova Categoria'),
      content: Row(
        children: <Widget>[
          Flexible(
              flex: 4,
              child:
              TextField(
                maxLength: 30,
                decoration: InputDecoration(
                    labelText: 'Nome'
                ),
                onChanged: (String value){
                  _name = value;
                },
              )
          ),

          Padding(
            padding: EdgeInsets.symmetric(horizontal: 3),
          ),

          Flexible(           
              child:
                FlatButton(
                  color: _currentColor,
                  shape: CircleBorder(), 
                  child: null,
                  onPressed: selectColor,
                )   
          )
        ],
      ),

      actions: <Widget>[
        FlatButton(
          child: Text('CANCELAR'),
          onPressed: (){
            Navigator.pop(context, null);
          },
        ),

        FlatButton(
          child: Text('OK'),
          onPressed: (){
            //print('cor '+selectedColor.toString());
            Navigator.pop(context,[_name,_currentColor]);
          },
        )
      ],
    );
  }

  void selectColor() async{
    final selectedColor = await showDialog<Color>(
        context: context,
        builder: (BuildContext context) => SelectColorPickerDialog(currentColor: _currentColor,)
    );

    if(selectedColor != null){
      setState((){
        _currentColor = selectedColor;
      });
    }
  }

}

class SelectColorPickerDialog extends StatefulWidget{
  final Color currentColor;

  SelectColorPickerDialog ({Key key, this.currentColor}): super (key: key);

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

class _SelectColorPickerDialogState extends State<SelectColorPickerDialog>{
  Color _color;

  @override
  void initState(){
    super.initState();
    _color = widget.currentColor;
  }

  Widget build(BuildContext context){
    return AlertDialog(
      title: Text('Selecionar Cor'),
      content: SingleChildScrollView(
        child: BlockPicker(
          pickerColor: _color,
          onColorChanged: (Color color){
            setState(() {
              _color = color;
            });
          },
        ),
      ),
      actions: <Widget>[

        FlatButton(
          child: Text('OK'),
          onPressed: (){
            Navigator.pop(context,_color);
          },
        )
      ],

    );
  }
}
0 голосов
/ 18 апреля 2019

Может возникнуть проблема, потому что вы не используете функцию setState, которая будет обновлять пользовательский интерфейс, если произошли некоторые изменения, в этом случае изменяется значение цвета. так

Заменить ниже код 

BlockPicker(
        pickerColor: currentColor,
        onColorChanged: (Color color){
          selectedColor = color;
        },
      ),

с этим 

BlockPicker(
        pickerColor: currentColor,
        onColorChanged: (Color color){
              setState(() {
                   selectedColor = color;
              });
        },
      ),
...