legs+ 发表于 2023-6-28 15:52:25

好久没有发帖,Futter(颤振)入门

import 'package:flutter/material.dart';

void main(){
runApp(new Center(
    child:new Text(
      '你好Flutter',
      textDirection: TextDirection.ltr,
    )
));
}

legs+ 发表于 2023-6-28 15:52:58

import 'package:flutter/material.dart';

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

//自定义组件
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child:Text(
      '你好Flutter 111',
      textDirection: TextDirection.ltr,

      style: TextStyle(
            fontSize: 40.0,
            color: Colors.yellow,
            // color: Color.fromRGBO(244, 233, 121, 0.5),
      ),
      )
    );
}

}

legs+ 发表于 2023-6-28 15:53:43

import 'package:flutter/material.dart';

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

//自定义组件
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:Text(
      '你好Flutter 111',
      textDirection: TextDirection.ltr,

      style: TextStyle(
            fontSize: 40.0,
            color: Colors.yellow,
            // color: Color.fromRGBO(244, 233, 121, 0.5),
      ),
      )
    );
}
}

legs+ 发表于 2023-6-28 15:54:31

看整个代码结构,是不是有点像HTML

legs+ 发表于 2023-6-28 16:01:11


legs+ 发表于 2023-6-28 20:34:35

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home:Scaffold(
            appBar: AppBar(
                title:Text("flutter demo")
            ),
            body:HomeContent()
      )
    );
}
}

class HomeContent extends StatelessWidget{
@override
Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
      child: Text(
            '各位同学大家好我是主讲老师legs+,各位同学大家好我是主讲老师legs+',
            textAlign:TextAlign.left,
            overflow:TextOverflow.ellipsis ,
            // overflow:TextOverflow.fade ,
            maxLines: 2,
            textScaleFactor: 1.8,
            style:TextStyle(
                fontSize: 16.0,
                color:Colors.red,
                // color:Color.fromARGB(a, r, g, b)
                fontWeight: FontWeight.w800,
                fontStyle: FontStyle.italic,
                decoration:TextDecoration.lineThrough,
                decorationColor:Colors.white,
                decorationStyle: TextDecorationStyle.dashed,
                letterSpacing: 5.0

            )

      ),
      height: 300.0,
      width: 300.0,
      decoration: BoxDecoration(
            color: Colors.yellow,
            border: Border.all(
                color: Colors.blue,
                width: 2.0
            ),
            borderRadius: BorderRadius.all(
            //Radius.circular(150),    //圆形
            Radius.circular(10),
            )
      ),
      // padding:EdgeInsets.all(20),

      // padding:EdgeInsets.fromLTRB(10, 30, 5, 0)

      margin: EdgeInsets.fromLTRB(10, 30, 5, 0),

      // transform:Matrix4.translationValues(100,0,0)

      // transform:Matrix4.rotationZ(0.3)

      // transform:Matrix4.diagonal3Values(1.2, 1, 1)

      alignment: Alignment.bottomLeft,



      ),
    );
}

}




legs+ 发表于 2023-6-30 05:09:22

前端三剑客:flutter、react和vue
flutter有点特别

legs+ 发表于 2023-7-1 17:37:41

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(title: Text('FlutterDemo')),
          body: HomeContent(),
   ));
}
}
class HomeContent extends StatelessWidget {
@override
Widget build(BuildContext context) {
    // TODO: implement build
    return ListView(
      padding: EdgeInsets.all(10),
      children: <Widget>[

          ListTile(
            title: Text(
                '华北黄淮高温持续 南方强降雨今起强势登场',
                style: TextStyle(
                  fontSize: 24
                ),
            ),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('中国13家运营波音737MAX航空公司均已提出索赔场',
                style: TextStyle(
                  fontSize: 24
                ),),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('华中国13家运营波音737MAX航空公司均已提出索赔登场'),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('华北黄淮高温雨今起强势登场'),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('华北黄淮高温持续 势登场'),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('华北黄淮高温起强势登场'),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('华北黄淮高雨今起强势登场'),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          ),
         ListTile(
            title: Text('华北黄淮高温持续 南方强降雨今起强势登场'),
            subtitle: Text("中国天气网讯 21日开始,北方今年首轮大范围高温拉开序幕,昨天是高温发展的最鼎盛阶段"),
          )

      ],
    );
}
}

legs+ 发表于 2023-7-1 17:38:03


legs+ 发表于 2023-7-2 08:39:12

闲来无事,写了一个简单的DEMO




页: [1] 2
查看完整版本: 好久没有发帖,Futter(颤振)入门