Flutter垂直和水平布局

你先去买饭

于 2021-03-23 19:40:41 发布

阅读量139

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/mynameisluowei/article/details/115139308

Flutter垂直和水平布局

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main(){
 runApp(MaterialApp(title: "水平布局",home: MyLayount(),));
}
class MyLayount extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("水平布局",),),
      body: Row(//Column垂直
        children: [
          RaisedButton(
            onPressed: (
                ){
               print("红色按钮点击事情");
            },
            color: const Color(0xffcc0000),
            child: Text("红色按钮"),
          ),
          Expanded(child: RaisedButton(
            onPressed: (){
              print("黄色按钮点击事情");
            },
            color: const Color(0xfff1c232),
            child: Text("黄色按钮"),
          )
          ),
          RaisedButton(onPressed: (){
            print("粉色按钮点击事情");
          },
            color: const Color(0xffea9999),
            child: Text("粉色按钮"),
          )
        ],
      ),
    );
  }
}