使用flutter_switch包的可重用SwitchWidget

我正在嘗試使用 flutter_switch 包https://pub.dev/packages/flutter_switch制作可重用的 Switch Widget 。

不幸的是，我是如何制作它的，當我使用它時，它不會改變小部件的外觀、大小等。如果我在不使用軟體包的情況下制作可重復使用的 Swich，它就可以正常作業。

有人知道這里有什么問題嗎？謝謝你的幫助

import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart';

class MyFlutterSwitch extends StatelessWidget {
 const MyFlutterSwitch(
     {required this.onToggle,
     required this.value,
     required this.activeColor,
     required this.inactiveColor,
     required this.activeTextColor,
     required this.inactiveTextColor,
     required this.toggleColor,
     required this.activeToggleColor,
     required this.inactiveToggleColor,
     this.padding,
     this.borderRadius,
     this.toogleSize,
     Key? key})
     : super(key: key);

 final void Function(bool) onToggle;
 final bool value;
 final Color activeColor;
 final Color inactiveColor;
 final Color activeTextColor;
 final Color inactiveTextColor;
 final Color toggleColor;
 final Color? activeToggleColor;
 final Color? inactiveToggleColor;
 final double? padding;
 final double? borderRadius;
 final double? toogleSize;

 @override
 Widget build(BuildContext context) {
   return SizedBox(
     height: 20.0,
     width: 40.0,
     child: FlutterSwitch(
       toggleSize: 15.0,
       borderRadius: 60.0,
       padding: 3.0,
       activeTextColor: const Color.fromARGB(255, 198, 40, 40),
       inactiveTextColor: const Color.fromARGB(255, 46, 125, 50),
       activeToggleColor: Colors.red[800],
       inactiveToggleColor: Colors.green[800],
       inactiveColor: const Color(0xFF55DDCA),
       activeColor: const Color(0xFFF87A54),
       onToggle: onToggle,
       value: value,
     ),
   );
 }
}

uj5u.com熱心網友回復：

如果您想在此小部件的每個實體中傳遞自定義值，則需要傳遞您的函式值：

class MyFlutterSwitch extends StatelessWidget {
 const MyFlutterSwitch(
     {
       this.toggleSize: 15.0,
       this.borderRadius: 60.0,
       this.padding: 3.0,
       this.activeTextColor: const Color.fromARGB(255, 198, 40, 40),
       this.inactiveTextColor: const Color.fromARGB(255, 46, 125, 50),
       this.activeToggleColor: Colors.red[800],
       this.inactiveToggleColor: Colors.green[800],
       this.inactiveColor: const Color(0xFF55DDCA),
       this.activeColor: const Color(0xFFF87A54),
       
       required this.onToggle,
     required this.value,
     Key? key})
     : super(key: key);

 final void Function(bool) onToggle;
 final bool value;
 final Color activeColor;
 final Color inactiveColor;
 final Color activeTextColor;
 final Color inactiveTextColor;
 final Color toggleColor;
 final Color? activeToggleColor;
 final Color? inactiveToggleColor;
 final double? padding;
 final double? borderRadius;
 final double? toogleSize;

 @override
 Widget build(BuildContext context) {
   return SizedBox(
     height: 20.0,
     width: 40.0,
     child: FlutterSwitch(
       toggleSize: toggleSize,
       borderRadius: borderRadius,
       padding: padding,
       activeTextColor: activeTextColor,  
       inactiveTextColor: inactiveTextColor,
       activeToggleColor: activeToggleColor,
       inactiveToggleColor: inactiveToggleColor,
       inactiveColor: inactiveColor,
       activeColor: activeColor,
       onToggle: onToggle,
       value: value,
     ),
   );
 }
}

uj5u.com熱心網友回復：

看起來您沒有傳入引數串列中的值。您的構建方法應如下所示。

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 20.0,
      width: 40.0,
      child: FlutterSwitch(
        toggleSize: toogleSize ?? 15.0,
        borderRadius: borderRadius ?? 60.0,
        padding: padding ?? 3.0,
        activeTextColor: activeColor,
        inactiveTextColor: inactiveColor,
        activeToggleColor: activeToggleColor ?? Colors.red[800],
        inactiveToggleColor: inactiveToggleColor ?? Colors.green[800],
        inactiveColor: inactiveColor,
        activeColor: activeColor,
        onToggle: onToggle,
        value: value,
      ),
    );
  }

標籤：扑

上一篇：如何強制用戶回答在Flutter中打開應用程式的問題？

下一篇：Flutter如何做一個AvatarCreator？