FlutterContainer组件、Text组件

import 'dart:io';

import 'package:flutter/material.dart';

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

//自定义组件,StatelessWidget无状态的widget

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Demo'),
        ),
        body: HomeContent(),
      ),
      theme: ThemeData(primarySwatch: Colors.yellow),
    );
  }
}

//
class HomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
        child: Text(
          "我是Container下的文本,快来学习我吧，我很强大的，嘿嘿嘿",
          textAlign: TextAlign.left,
          overflow: TextOverflow.fade,
          style: TextStyle(
              fontSize: 20.0,
              color: Color.fromRGBO(0, 0, 255, 1),
              fontWeight: FontWeight.w600,
              fontStyle: FontStyle.italic,
              decoration: TextDecoration.lineThrough,
              decorationColor: Colors.white,
              decorationStyle: TextDecorationStyle.dashed,
              letterSpacing: 11.0),
          maxLines: 6,
          textScaleFactor: 1.8,
        ),
        height: 300.0,
         300.0,
        decoration: BoxDecoration(
            color: Colors.deepOrangeAccent,
            border: Border.all(color: Colors.blue,  2.0),
            borderRadius:BorderRadius.all(Radius.circular(60))
        ),
        // margin: EdgeInsetsGeometry.infinity,
        // padding: EdgeInsets.all(30),
        padding: EdgeInsets.fromLTRB(90, 5, 44, 1),
        // transform: Matrix4.translationValues(0, 100, 0),
        // transform: Matrix4.rotationZ(0.5),
        // transform: Matrix4.rotationZ(-0.5),
        // transform: Matrix4.skew(0.5,0.6),
        transform: Matrix4.diagonal3Values(0.9,0.9,0),
        alignment: Alignment.bottomLeft,
      ),

    );
  }
}

代码在上，其实一层一层分析下就比较简单了，这就好比h5里面的那些标签属性
这个时候必须搞一个翻译插件，不然搞死去。
用翻译插件进行查询当前类的方法阿，方法的参数阿，源代码是公开的，所直接ctrl单击进去可以看到原代码和提示文档了
https://blog.csdn.net/weixin_42433094/article/details/109390038
这个里面有基础的一些常用参数(属性)
如果链接没了，就去百度搜索“Flutter中Container组件和Text组件的属性”

 

这就是效果，估计还得多打几遍才能熟悉，一定要把这些属性搞定，后面的才能方便些。

在敲代码和学习过程中发现，很多参数和属性后面都有逗号的，为了以后添加属性方便，建议每个后面可以跟逗号都跟逗号，反正多出来也不会报错。

这种基础还得多敲几遍才能熟悉的。