FlutteronChangedはウィジェットに対して呼び出されません

debugcn 投稿 Dev

英国人

FlutterプロジェクトにRadioButtonを実装しましたが、それらのRadioButtonのonChangedが呼び出されません。TextFieldとCheckBoxで同じことを試しましたが、どちらも機能しませんでした

main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return MyAppState();
  }
}

class MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: "Different Widgets",
        debugShowCheckedModeBanner: false,
        home: _showRadioButton());
  }

  List<Widget> makeRadios() {
    int _selected = 0;

    void onChanged(int value) {
      setState(() {
        _selected = value;
      });
    }

    List<Widget> list = List<Widget>();

    for (int i = 0; i < 3; i++) {
      list.add(Row(
        children: <Widget>[
          Text("Radio"),
          Radio(
              value: i,
              groupValue: _selected,
              onChanged: (int value) {
                onChanged(value);
              })
        ],
      ));
    }

    for (int i = 0; i < 3; i++) {
      list.add(RadioListTile(
          value: i,
          groupValue: _selected,
          onChanged: (int value) {
            onChanged(value);
          },
        title: Text("title"),
      activeColor: Colors.red,
      secondary: Icon(Icons.access_alarm),
      subtitle: Text("Gender"),
      ));
    }

    return list;
  }

  Widget _showRadioButton() {
    return Scaffold(
      appBar: AppBar(
        title: Text("Hi"),
      ),
      body: Container(
        padding: EdgeInsets.all(10.0),
        child: Center(
          child: Column(
            children:
              makeRadios()

          ),
        ),
      ),
    );
  }

ラジオボタンのonChangedが呼び出されない理由がわかりません。onChanged forTextFieldおよびチェックボックスも機能していません。

英国人

次の解決策は私のために働いた

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: new MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => new MyAppState();
}

class MyAppState extends State<MyApp> {

  int _selected = 0;

  void onChanged(int value) {
    setState((){
      _selected = value;
    });

    print('Value = $value');
  }

  List<Widget> makeRadios() {
    List<Widget> list = new List<Widget>();

    for(int i = 0; i < 3; i++) {
      list.add( new Row(
        children: <Widget>[
          new Text('Radio $i'),
          new Radio(value: i, groupValue: _selected, onChanged: (int value){onChanged(value);})
        ],
      ));
    }

    for(int i = 0; i < 3; i++) {
      list.add(new RadioListTile(
        value: i,
        title: new Text('Radio $i'),
        groupValue: _selected,
        onChanged: (int value){onChanged(value);},
        activeColor: Colors.red,
        secondary: new Icon(Icons.home),
        subtitle: new Text('Sub Title here'),
      ));
    }

    return list;
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Radio Demo'),
      ),
      body: new Container(
        padding: new EdgeInsets.all(32.0),
        child: new Center(
          child:  new Column(
            children: makeRadios(),
          ),
        ),
      ),
    );
  }
}

質問で言及された解決策が機能しなかった理由はまだ混乱しています

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]