android - 在底部工作表栏中显示单选列表磁贴

Question

这个问题在这里已经有了答案:





How to update state of a ModalBottomSheet in Flutter?

(5 个回答)


3年前关闭。




我试图在底部工作表对话框中显示单选按钮列表，我无法更改单选按钮选择，这是我到目前为止所取得的成果:

final GlobalKey _optionsKey = GlobalKey();

  void _showOptions() => showModalBottomSheet(
      context: context,
      builder: (BuildContext builderContext) {
        return Card(
          elevation: 4,
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
          child: Column(
            key: _optionsKey,
            mainAxisAlignment: MainAxisAlignment.end,
            crossAxisAlignment: CrossAxisAlignment.end,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              RadioListTile<int>(
                groupValue: _currentContent.contentType,
                value: SimpleContent.header,
                onChanged: (int value) {
                  setState(() {
                    _currentContent.contentType = value;
                  });
                },
                title: Text(
                  "Header",
                  style: buildTextStyleBlack(14),
                ),
              ),
              RadioListTile<int>(
                groupValue: _currentContent.contentType,
                value: SimpleContent.content,
                onChanged: (int value) {
                  setState(() {
                    _currentContent.contentType = value;
                  });
                },
                title: Text(
                  "Content",
                  style: buildTextStyleBlack(14),
                ),
              ),
              RadioListTile<int>(
                groupValue: _currentContent.contentType,
                value: SimpleContent.bullets,
                onChanged: (int value) {
                  setState(() {
                    _currentContent.contentType = value;
                  });
                },
                title: Text(
                  "Bullets",
                  style: buildTextStyleBlack(14),
                ),
              ),
              RadioListTile(
                groupValue: _currentContent.contentType,
                value: SimpleContent.image,
                onChanged: (int value) {
                  setState(() {
                    _currentContent.contentType = value;
                  });
                },
                title: Text(
                  "Image",
                  style: buildTextStyleBlack(14),
                ),
              ),
              _buildDoneButton()
            ],
          ),
        );
      });

我尝试在底部表的列上设置全局键，但没有帮助。关于为什么会发生这种情况的任何线索？
屏幕是一个有状态的小部件，它显示一个聊天列表屏幕，能够根据选择的类型更改聊天格式，一旦用户点击屏幕上的发送按钮，底部的表格就会出现，要求他们选择聊天消息的类型.

Answer 1

有一个 github 存储库，其中包含一些高级 flutter 示例，包括如何在 modals 或 bottom-sheets 中管理输入:

https://github.com/Ephenodrom/Flutter-Advanced-Examples/tree/master/lib/examples/managingInputsWithinModalBottomsheet

您必须使用 StatefullWidgetBuilder。请参阅链接以获得非常好的和详细的解释。