小编Sve*_*ven的帖子

复选框表单验证

如何验证 Flutter 中的复选框Form?所有其他验证工作正常,但复选框不显示错误。这是我的代码:

FormField(
  validator: (value) {
    if (value == false) {
      return 'Required.';
    }
  },
  builder: (FormFieldState<dynamic> field) {
    return CheckboxListTile(
      value: checkboxValue,
      onChanged: (val) {
        if (checkboxValue == false) {
          setState(() {
            checkboxValue = true;
          });
        } else if (checkboxValue == true) {
          setState(() {
            checkboxValue = false;
          });
        }
      },
      title: new Text(
        'I agree.',
        style: TextStyle(fontSize: 14.0),
      ),
      controlAffinity: ListTileControlAffinity.leading,
      activeColor: Colors.green,
    );
  },
),
Run Code Online (Sandbox Code Playgroud)

flutter

17
推荐指数
4
解决办法
2万
查看次数

在小部件上显示对话框

在颤动中,我们要在小部件上方覆盖一个对话框。

按下按钮后,我们可以显示对话框。

但是,我们希望在显示喜欢加载对话框的小部件时显示该对话框。

我们实现了如下。

import 'package:flutter/material.dart';

class XxxxxWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // [NG]We want to show dialog on Container widget.
    // showMyDialog(context);
    return Container(
      child: FlatButton(
        child: Text('Show'),
        onPressed: () {
          // [OK]We can show dialog.
          showMyDialog(context);
        },
      ),
    );
  }

  void showMyDialog(BuildContext context) {
    showDialog<bool>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          content: const Text(
            'Message',
          ),
          actions: <Widget>[
            FlatButton(
              child: const Text('OK'),
              onPressed: () {
                Navigator.of(context).pop(true);
              },
            ),
          ],
        );
      },
    ); …
Run Code Online (Sandbox Code Playgroud)

dart flutter

5
推荐指数
2
解决办法
6881
查看次数

标签 统计

flutter ×2

dart ×1