Flutter Row 实例 —— 新手礼包

以下是一个简单的Flutter代码示例，展示了如何使用Row小部件来创建一个简单的新手礼包界面。

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('新手礼包'),
        ),
        body: Center(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Container(
                margin: EdgeInsets.all(10.0),
                child: Image.asset('assets/gift1.png'),
              ),
              Container(
                margin: EdgeInsets.all(10.0),
                child: Image.asset('assets/gift2.png'),
              ),
              Container(
                margin: EdgeInsets.all(10.0),
                child: Image.asset('assets/gift3.png'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个包含三个礼包图片的Row。每个礼包图片由一个Container包裹，并且都有一些外边距，使得它们在Row中均匀分布。这个简单的例子展示了如何在Flutter中使用Row来组织界面布局。