官方中文文档 / API文档
实用教程 - Flutter 中文文档 - Flutter 中文资源
Flutter - Dart API docs (flutter-io.cn)
目录
一、文本组件
import 'package:flutter/material.dart';
///导入flutter的依赖包
void main() => runApp(Myapp());
///Myapp继承组件Widget :
///有状态 Stateful : 用户可交互、可修改
///无状态 Stateless : 不可修改
class Myapp extends StatelessWidget
{
@override
Widget build(BuildContext context)
{
///返回MaterialApp
return MaterialApp(
///分为title(应用标题,在Android中不显示,Web端有区别)和home(应用主体)
title: 'This is yw\'s APP',
///home以Scaffold脚手架为开始
home: Scaffold(
///home下有 appBar,body ...
appBar: AppBar(
title: Text('尤雯的学习笔记'), ///标题栏
),
body: Center( ///内容,使用居中格式
child: Text('不想学习!!' * 100),
),
),
);
}
}
关于text的设置
查看方法:ctrl + 鼠标点击
下面是一些常用方法:
child: Text(
'不想学习!!' * 10,
textAlign: TextAlign.end, ///文本的对齐格式
maxLines: 2, ///最大的行数
overflow: TextOverflow.ellipsis, ///文本溢出处理:溢出部分化为省略号
style: TextStyle(
color: Colors.teal, ///文字颜色
backgroundColor: Colors.white, ///背景颜色
fontSize: 25, ///文字大小
fontWeight: FontWeight.bold, ///文字加粗
decoration: TextDecoration.underline, ///加下划线
decorationStyle: TextDecorationStyle.solid, ///下划线的style
),
),
二、按钮组件
1.三种常用按钮组件
buttonPressPrint()
{
print("按钮被点击了!");
}
body: Cen