单击编辑按钮容器展开并显示选项

Question

我想点击编辑按钮的容器在高度上展开并显示选项当我点击编辑按钮时，容器将关闭

Answer 1

您需要在编辑按钮中为展开或不展开设置bool。

你可以按照下面的代码操作。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
bool isEdit;
class Test extends StatefulWidget {
@override
_TestState createState() => _TestState();
}
class _TestState extends State<Test> {
@override
void initState() {
isEdit = false;
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Center(
child: RaisedButton(
onPressed: () {
setState(() {
isEdit = !isEdit;
});
},
child: Text("Edit"),
),
),
isEdit
? ConstrainedBox(
constraints: BoxConstraints(
maxWidth: double.infinity,
minHeight: 0.0,
maxHeight: 200.0,
),
child: Container(
height: 50,
width: 50,
color: Color(0xffff0000),
child: TextField(),
),
)
: Container()
],
),
),
),
);
}
}