一个可定制的切换开关小部件，可为切换开关添加资产背景图像

一个可自定义的切换开关小部件，可为切换开关添加资产背景图片。

特点

使用此包为您的应用中的开关设置精美的背景图片。

参数

• 必需

  1. bool value: 一个布尔值，用于确定开关是否处于活动状态。
  2. ValueChanged<bool> onChanged: 每当点击开关时调用的回调函数。
  3. double height: 一个双值，用于设置开关的高度。
  4. String activeModeBackgroundImage: 一个字符串值，包含开关处于活动状态时的资产背景图片路径。
  5. String inactiveModeBackgroundImage: 一个字符串值，包含开关处于非活动状态时的资产背景图片路径。

• 可选

  1. Color activeThumbColor: 设置开关处于活动状态时滑块的颜色。默认值为 Colors.white。
  2. Color inactiveThumbColor: 设置开关处于非活动状态时滑块的颜色。默认值为 Colors.white。
  3. Image activeThumbImage: 用于在开关处于活动状态时为滑块设置图片。
  4. Image inactiveThumbImage: 用于在开关处于非活动状态时为滑块设置图片。

入门

• 将包添加到您的依赖项

dependencies:
  fancy_switch: ^0.0.1

• 将包导入 dart 文件

import 'package:fancy_switch/fancy_switch.dart';

• 在方便的地方将其用作小部件

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Demo'),
        actions: [
            FancySwitch(
                value: foo,
                onChanged: foobar,
                height: 25,
                activeModeBackgroundImage: 'assets/active_mode_background_color.png',
                inactiveModeBackgroundImage: 'assets/inactive_mode_background_color.png',
            ),
        ],
      ),
    );
  }
}

用法

使用 FancySwitch 在暗模式和亮模式之间切换

支持该包（可选）

如果您觉得此包有用，可以通过在此页面顶部点赞来免费支持它。这是支持该包的另一种方式

为该包做贡献

如果您想为该包做贡献，请 点击此处。

GitHub

查看 Github