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

Question

按继续按钮后如何更改红色容器？应形成一个新容器来代替红色容器，其中文本字段作为电话号码，其他内容应保持原样。只有红色容器需要更换。

Answer 1

你想要做的事情和小部件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++; 
                });
              }
            },
          )
        ],
      )
    );
  }
}