Question

我正在尝试创建一个颤动的屏幕，该屏幕彼此堆叠3行，但是我不断收到语法错误。我在主体，行等中尝试了多个容器，并不断出现语法错误，我试图做些什么？我认为Rows是可堆叠的，或者至少是一个容器在体内。

代码如下：

import 'package:flutter/material.dart';

 class Index extends StatelessWidget {


@override
Widget build(BuildContext context) {
// TODO: implement build
return new Scaffold(
  appBar: new AppBar(
     backgroundColor: const Color(0xFF0099a9),

     ),
  body:
  Row(  //ROW 1
 children: [
 Container(
  color: Colors.orange,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
  ),
   Container(
  color: Colors.blue,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
),
Container(
  color: Colors.purple,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
  ),
 ],
 );


  Row(    //ROW 2
  children: [
 Container(
  color: Colors.orange,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
),
Container(
  color: Colors.blue,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
),
Container(
  color: Colors.purple,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
),
],
);

 Row(  // ROW 3
 children: [
  Container(
  color: Colors.orange,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
),
Container(
  color: Colors.blue,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
),
Container(
  color: Colors.purple,
  margin: EdgeInsets.all(25.0),
  child: FlutterLogo(
    size: 60.0,
  ),
 ),
 ],
 )
);


 }

 }

Answer 1

尝试使用IDE附带的Formatter，否则维护代码将是一场灾难。

https://flutter.io/formatting/

这里有您的代码：

    class Index extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return new Scaffold(
            appBar: new AppBar(
              backgroundColor: const Color(0xFF0099a9),
            ),
            body: Column(children: <Widget>[
              Row(
                //ROW 1
                children: [
                  Container(
                    color: Colors.orange,
                    margin: EdgeInsets.all(25.0),
                    child: FlutterLogo(
                      size: 60.0,
                    ),
                  ),
                  Container(
                    color: Colors.blue,
                    margin: EdgeInsets.all(25.0),
                    child: FlutterLogo(
                      size: 60.0,
                    ),
                  ),
                  Container(
                    color: Colors.purple,
                    margin: EdgeInsets.all(25.0),
                    child: FlutterLogo(
                      size: 60.0,
                    ),
                  ),
                ],
              ),
              Row(//ROW 2
                  children: [
                Container(
                  color: Colors.orange,
                  margin: EdgeInsets.all(25.0),
                  child: FlutterLogo(
                    size: 60.0,
                  ),
                ),
                Container(
                  color: Colors.blue,
                  margin: EdgeInsets.all(25.0),
                  child: FlutterLogo(
                    size: 60.0,
                  ),
                ),
                Container(
                  color: Colors.purple,
                  margin: EdgeInsets.all(25.0),
                  child: FlutterLogo(
                    size: 60.0,
                  ),
                )
              ]),
              Row(// ROW 3
                  children: [
                Container(
                  color: Colors.orange,
                  margin: EdgeInsets.all(25.0),
                  child: FlutterLogo(
                    size: 60.0,
                  ),
                ),
                Container(
                  color: Colors.blue,
                  margin: EdgeInsets.all(25.0),
                  child: FlutterLogo(
                    size: 60.0,
                  ),
                ),
                Container(
                  color: Colors.purple,
                  margin: EdgeInsets.all(25.0),
                  child: FlutterLogo(
                    size: 60.0,
                  ),
                ),
              ]),
            ]));
      }
    }

颤振应用程序中的多行

1 个答案: