클래스의 차이점은 빌드 함수 재정의로 StatelessWidget을 확장하고 내 함수로 일반 클래스를 확장합니다.

저는 Flutter를 처음 사용하지만 여전히 올바른 방식으로 작업하는 방법을 모릅니다. 이 문제를 해결할 적절한 키워드를 모르기 때문에 제목이 명확하기를 바랍니다. 첫 번째 스 니펫은 StatelessWidget을 확장합니다.

class FloatingActionButtonBuilder extends StatelessWidget {
  final Function function;
  final String text;
  final String toolTip;
  final IconData icon;

  const FloatingActionButtonBuilder({
    Key key,
    @required this.function,
    @required this.text,
    @required this.toolTip,
    this.icon,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return FloatingActionButton.extended(
      onPressed: function,
      foregroundColor: Colors.white,
      tooltip: '$toolTip',
      icon: Icon(
        icon,
      ),
      label: Text(
        '$text',
        style: TextStyle(
          fontSize: 16.0,
        ),
      ),
    );
  }
}

두 번째 스 니펫 정규 수업 :

class FloatingActionButtonBuilder2 {
  final BuildContext context;
  final Function function;
  final String text;

  const FloatingActionButtonBuilder2({
    @required this.context,
    @required this.function,
    @required this.text,
  });

  Widget buildFAB(String toolTip, IconData icon) {
    return FloatingActionButton.extended(
      onPressed: function,
      foregroundColor: Colors.white,
      tooltip: '$toolTip',
      icon: Icon(
        icon,
      ),
      label: Text(
        '$text',
        style: TextStyle(
          fontSize: 16.0,
        ),
      ),
    );
  }
}

제가 사용하고있는 것은 일반 제품입니다. 처음에는 StatelessWidget 확장을 만들었지 만 어쨌든 차이가 없다고 생각하고 그것에 대해 많이 생각하지 않았기 때문에 그렇게하지 않기로 결정했습니다. 이제 내 두뇌는 전문가 가이 특정 사례에 대해 어떻게 생각하는지 알고 싶어하며 깊이있는 제안을 깊이 감사합니다. 그리고 오버라이드 빌드 기능을 사용하면 BuildContext가 종속성으로 필요하지 않음을 알았습니다.

편집 : 사용하는 페이지의 조각은 StatelessWidget (Scaffold의 floatActionButton 속성)을 확장합니다.

class Test extends StatefulWidget {
  @override
  _TestState createState() => _TestState();
}

class _TestState extends State<Test> {
  final String text = 'PUSH';
  final IconData icon = Icons.add;

  void push() {
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => Test3(),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FloatingActionButtonBuilder(
        function: push,
        text: text,
        toolTip: text,
        icon: icon,
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Text(
              'PUSH PAGE',
              style: TextStyle(
                fontSize: 32.0,
              ),
            ),
            Text(
              'EXTENDS CLASS',
              style: TextStyle(
                fontSize: 32.0,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

일반 클래스를 사용하는 페이지 스 니펫 (Scaffold의 floatActionButton 속성) :

class Test3 extends StatefulWidget {
  @override
  _Test3State createState() => _Test3State();
}

class _Test3State extends State<Test3> {
  final String text = 'POP';
  final IconData icon = Icons.remove;

  void pop() {
    Navigator.of(context).pop();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FloatingActionButtonBuilder2(
        context: context,
        function: pop,
        text: text,
      ).buildFAB(text, icon),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Text(
              'POP PAGE',
              style: TextStyle(
                fontSize: 32.0,
              ),
            ),
            Text(
              'REGULAR CLASS',
              style: TextStyle(
                fontSize: 32.0,
              ),
            ),
          ],
        ),
      ),
    );
  }
}