浅识Flutter 自定义组件 文本组件Text

本文探讨了在Flutter中如何自定义组件,强调了StatelessWidget和StatefulWidget的区别,并重点讲解了Text组件的使用,包括其作为简单样式文本框的功能以及如何通过style属性定制字体颜色和大小。
摘要由CSDN通过智能技术生成

浅识Flutter 自定义组件 文本组件Text

自定义组件

在Flutter中自定义组件其实就是一个类,这个类需要继承StatelessWidget/StatefulWidget 。
StatelessWidget 是无状态组件,状态不可变的widget
StatefulWidget 是有状态组件,持有的状态可能在 widget生命周期改变
前期我们都继承StatelessWidget。
StatelessWidget是一个抽象类,里面有一个抽象方法build 返回Widget组件

import 'package:flutter/material.dart';

// void main() => runApp(new MyApp() ; new hougong());

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

class MyApp extends StatelessWidget {
   
  @override
  Widget build(BuildContext context) {
   
    return new MaterialApp(
      title: '欢迎来到雍正年间',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('四大爷'),
        ),
        body: new Center(
          child: new Text('最近宫里冷冷清清 是时候招一批秀女了'
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值