Flutter学习笔记---Text组件属性

Flutter学习笔记—Text组件属性
基于vs code环境下:
使用bat打开安卓模拟器(前提是已经经过android Studio配置完比,模拟器下载、Gradle下载成功)
方法:找到一个地方,右击新建一个txt文本,修改名称,并修改后缀名为bat:
在这里插入图片描述

在这里插入图片描述
在bat里打入(选择文本文件打开方式)C:\WINDOWS\system32>C:\Users\SzyEr\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Nexus_5_API_26
其中 “C:\WINDOWS\system32>C:\Users\SzyEr\AppData\Local\Android\Sdk\emulator\”为模拟器的位置,emulator.exe为模拟器执行文件,后面的请跟着打出来,是调用模拟器的额命令,其中“Nexus_5_API_26”为模拟器的名称(可在Android Studio里找到)
注意:::注意里面的空格,否则可能会出先模拟器打不开的情况。

在vs Code 里一步步敲入下面代码进行一步步实验:

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget{  //extends 后面为继承的方法
@override//重构(将上面的方法重新写一下)
Widget build(BuildContext context){
return MaterialApp
(
  title:'Welcome to flutter',
  home: Scaffold//home代表app的主体,有了Scaffod我们才可以搭建下面的内容
  (
    appBar: AppBar//类似表头的app头部
    (
    title: Text('Welcome to to Flutter')
    ),
    body:Center //Center为布局用的以中心方式开始布局
    (
      child: Text('Hello wwowow.  啦啦,可垃圾啊的空间啦啦啦啦daladededela',
      textAlign: TextAlign.center,
      maxLines: 1,//设置容量为1行
      overflow: TextOverflow.ellipsis, //超出形式为。。。
      style: TextStyle(
        fontSize: 25.0,//字体大小
        color: Color.fromARGB(255, 255, 125, 125),//将字体颜色设置为粉红色
        decoration:TextDecoration.underline, //添加下划线
        decorationStyle:TextDecorationStyle.dashed,
      ),
      ),//子组件,用来放内容
    ),
  ),
);

}
}

猜你喜欢

转载自blog.csdn.net/qq_42434073/article/details/107992187