美文网首页flutter
Flutter之SimpleDialog组件

Flutter之SimpleDialog组件

作者: 习惯了_就好 | 来源:发表于2019-03-20 16:28 被阅读0次
/**
 * 简单对话框,可以显示附加的提示和操作,通常配合SimpleDialogOption一起使用
    const SimpleDialog({
    Key key,
    this.title,//标题
    this.titlePadding = const EdgeInsets.fromLTRB(24.0, 24.0, 24.0, 0.0),//标题间距
    this.children,//要显示的内容
    this.contentPadding = const EdgeInsets.fromLTRB(0.0, 12.0, 0.0, 16.0),//内容间距
    this.semanticLabel,//
    this.shape,//
    })
 */
body: RaisedButton(
          onPressed: () {
            showDialog(
              context: context,
              builder: (BuildContext context){
                return SimpleDialog(
                  title: Text("这是标题"),
                  titlePadding: EdgeInsets.only(bottom: 30.0, left: 10.0),
                  children: <Widget>[
                    SimpleDialogOption(
                      child: Text("这是第一行"),
                      onPressed: () {
                        print("点击了第一行");
                      },
                    ),
                    SimpleDialogOption(
                      child: Text("这是第二行"),
                      onPressed: () {
                        print("点击了第二行");
                      },
                    ),
                    Text("这是第三行文本")
                  ],
                  contentPadding: EdgeInsets.only(left: 40.0),

                );
              }
            );
          },
          child: Text("点击显示SimpleDialog"),
        ),

相关文章

网友评论

    本文标题:Flutter之SimpleDialog组件

    本文链接:https://www.haomeiwen.com/subject/hcltvqtx.html