flutter - 如何将函数放入文本小部件中

Question

如何使用这个方法

    void fontControl() {
    setState(() {
      TextStyle(fontSize: 10 + count.toDouble());

      if (count == 100) {
        const TextStyle(fontSize: 100);
      }
    });
  }

到文本小部件

Text(count.toString(), style: fontControl())

Answer 1

您可以使用方法来提供样式。为此，您需要返回 TextStyle，因此它不能为空。另外，您可以选择 textStyle 变量。

您可以使其成为动态的或更好的可空返回类型。并在按钮单击时使用 SetState

import 'package:flutter/material.dart';

class TestS extends StatefulWidget {
  final String? name;
  const TestS({
    Key? key,
    this.name,
  }) : super(key: key);

  @override
  State<TestS> createState() => _TestSState();
}

class _TestSState extends State<TestS> {
  int count = 0;

  TextStyle? fontControl() {
    if (count == 1) {
      return TextStyle(fontSize: 100);
    }
    return TextStyle(fontSize: 10 + count.toDouble()); //default
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FloatingActionButton(onPressed: () {
        count++;
        setState(() {});
      }),
      body: Text(
        widget.name ?? "default value",
        style: fontControl(),
      ),
    );
  }
}