如何在颤振中显示/隐藏组件

Question

我有一个组件，它应该出现当你点击一个按钮。我试图创建一个Visibility组件并打开/关闭可见性属性。当我关闭它时，它可以工作，但当我打开它时，它不会渲染组件。

Answer 1

你忘记使用setState了吗?

class Sample extends StatefulWidget {
const Sample({Key? key}) : super(key: key);
@override
State<Sample> createState() => _SampleState();
}
class _SampleState extends State<Sample> {
bool visibility = true;
toggleVisibility() {
setState(() {
visibility = !visibility;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Visibility(
visible: visibility,
child: Text('visible'),
),
floatingActionButton: FloatingActionButton(onPressed: toggleVisibility),
);
}
}