如何在Flutter中以编程方式将Text（）小部件替换为空容器（）小部件？

Question

我正在寻找AndroidVisibility.GONE等效选项。

以编程方式在 Flutter 中显示/隐藏小部件

上述链接批准的解决方案在将“不透明度”设置为 0 后将占用空间。对于没有像Android那样占用任何空间，该解决方案说

要使其不占用空间，请将其替换为空的Container（）。

有人请告诉我如何实现这一目标。我需要使Widget完全擦除，而无需以编程方式占用任何空间。

注意:我需要类似的执行解决方案，如Android本机代码< code>view.setVisibility(View。不见了)

Answer 1

有状态的小部件是做到这一点的方法之一。

因此，一旦您按下按钮，就会触发_toggle()函数。该函数将布尔值转换为false。

SetState（）{}函数调用重建。

当isShow为false时，它将显示容器...

下面的例子:

import 'package:flutter/material.dart';

class HomePageScreen extends StatefulWidget {
  @override
  _HomePageScreenState createState() => _HomePageScreenState();
}

class _HomePageScreenState extends State<HomePageScreen> {
  bool _isShowing = true;

  void _toggle() {
    setState(() {
      _isShowing = !_isShowing;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Remove Text for Empty Container"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            _isShowing
                ? Text("Remove Text")
                : Container(),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _toggle,
        tooltip: 'Toggle',
        child: Icon(Icons.add),
      ),
    );
  }
}

Answer 2

在带有条件显示的statefullwidget中执行此操作：请参阅下面的示例：

class _MyHomePageState extends State<MyHomePage> {
  bool _isShowing = true;

  void _toggle() {
    setState(() {
      _isShowing =!_isShowing ;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Visibility Page"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Container(color: Colors.red, height: 50),
            if(_isShowing )
            Container(color: Colors.green, height: 50),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _toggle,
        tooltip: 'Toggle',
        child: Icon(Icons.add),
      ),
    );
  }
}

Answer 3

尝试后台:

Offstage(offstage: isHide, child:Text('test'),);