NOW直播——Flutter组件化开发方案

import 'package:flutter/material.dart';
 
class NowComponent extends StatelessWidget {
  final String text;
  final Color textColor;
 
  const NowComponent({
    Key key,
    this.text = '默认文本',
    this.textColor = Colors.black,
  }) : super(key: key);
 
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(10.0),
      margin: EdgeInsets.all(10.0),
      decoration: BoxDecoration(
        color: Colors.blue,
        borderRadius: BorderRadius.circular(10.0),
      ),
      child: Text(
        text,
        style: TextStyle(color: textColor),
      ),
    );
  }
}
 
void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('NOW直播'),
      ),
      body: Center(
        child: NowComponent(
          text: '欢迎来到NOW直播',
          textColor: Colors.white,
        ),
      ),
    ),
  ));
}

这段代码定义了一个名为NowComponent的组件，它接受两个参数：text和textColor。build方法返回一个Container，它包含了一个Text子组件，并设置了背景颜色和圆角边框。这个组件可以在应用中的多个地方复用，并且可以通过传入不同的参数来定制显示的文本和颜色。