Flutter的简单布局

import 'package:flutter/material.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {

@override
Widget build(BuildContext context) {
return Text("图书馆");
}
}

image.png
Screenshot_2022-02-08-16-21-03-453_com.example.MyApp.jpg

这里的text需要一个方向

image.png

Text除了data外,其他是一个可选参数。

再进去具体的方向的类,里面是一个枚举


image.png
return Text("图书馆",textDirection: TextDirection.ltr);

给Text设置TextDirection.ltr,左到右,之后图书馆显示出来了


image.png
Center(child: Text("图书馆",textDirection: TextDirection.ltr));

给个中间显示 就到中间了


image.png
MaterialApp(home:Center(child: Text("图书馆")));

再给个Material


image.png

再给个home:Scaffold

MaterialApp(home:Scaffold(body:Center(child: Text("图书馆"))));
image.png
image.png

超多UI可选配置

appBar: AppBar(title: Text("我的应用"),),

那就来个appBar


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容