Flutter循序渐进==＞多敲代码

目录

导言

体验

源码

运行效果

---

导言

因为是刚入门Flutter，教材是少不了的。我个人习惯是不喜欢看视频学，只喜欢看书学，那样节奏把握在自己。搞了几本国产书，按照上面的来，都或多或少有错误，能不能严谨点？拜托！难怪大部分人都写编著，而不是原著，算了，Flutter是老美搞出来的，还是看老美的教材吧。

不要粘贴代码，只有自己亲手敲出来的才有感觉，也是在亲手敲的过程中，发现Visual Studio Code的Flutter不好用，还是用谷歌的Android Studio吧，敲起来手感好多了。

体验

在照着教材练习的过程中，发现Flutter Android Studio很多都有联想文字，本身就是绝佳的教材。

Flutter里面值为Null会出错，所以加个？防止出错。如果不写style，就会用默认的，写的话，就会覆盖原来的，这是Flutter的一种思想。很多widget就是override原来的，搞出新的。

放在TextStyle上面就会联想出所有的用法，后面有一堆定义，前面是类型，后面是变量。

想在屏幕里面放两个Text，并不是复制粘贴代码那么简单，而是Center里面弄个child，child里面弄过列模式Column, 列模式里面的children里面，复制一个Text才可以。

源码

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key?key}):super(key:key);

  @override
  Widget build(BuildContext context) {
    const title = '打破砂锅问到底';

    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title:title,
      home:Scaffold(
        appBar:AppBar(
          title:const Text(title,style: TextStyle(color: Colors.green)),
        ),
        body: const MyTextWidget(),
      ),
    );
  }
}

class MyTextWidget extends StatelessWidget {
  const MyTextWidget({Key? key}) : super(key:key);

  @override
  Widget build(BuildContext context) {
    return const Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('不要贪多，贪多嚼不烂，一个一个吃透！',
            style: TextStyle(backgroundColor: Colors.green,color: Colors.yellow),),
          Text('\n'),
          Text('不要想当然！',
            style: TextStyle(backgroundColor: Colors.red,color: Colors.yellow),),
        ],
      )


    );
  }
}

运行效果