按下继续按钮后如何更改红色容器？只需要更换红色容器

Question

按下继续按钮后如何更改红色容器？代替红色容器应该形成一个新容器，其文本字段为 phone 数字，其他内容应保持原样。只有红色容器需要更换。

Answer 1

您可以使用布尔值。例子

  bool value = false;
    Column(children: <Widgets>[
         contains(),
         RaisedButton(child: Text("Continue"), 
           onPresssed: (){
             setState((){
                value = true;
               });
            }),
 ])
    Widget contains(){
     if(value == true){
      return Container(//the Container after Continue BUtton Pressed );
  }

   else{
    return Container(
     //The Red Container
   );
  }
}

Answer 2

您要执行的操作与小部件 Stepper 执行的操作相同。看到这个 tutorial

这是做同样事情的另一种方法：

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

  int page = 0;
  final int maxPages = 3;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        children: <Widget>[
          if(page == 0)
            Text("This is view 1"),
          if(page == 1)
            Text("This is view 2"),
          if(page == 2)
            Text("This is view 3"),
          RaisedButton(
            child: Text("Continue"),
            onPressed: (){
              if(page < maxPages){
                setState(() {
                 page++; 
                });
              }
            },
          )
        ],
      )
    );
  }
}

按下继续按钮后如何更改红色容器？只需要更换红色容器

How to change the red container after pressing the continue button? Only red container is needed to be changed

java

dart

flutter

flutter-layout

flutter-animation